:root{--pc-fondo:#0B0B0C; --pc-texto:#F3EFE7; --pc-amarillo:#FFD400; --pc-naranja:#F5A300; --pc-gris:#8A8A8F; --pc-verde:#3DDC72; --pc-whatsapp:#25D366; --pc-titulo:'Clash Display',sans-serif; --pc-cuerpo:'Satoshi','Helvetica Neue',sans-serif; --pc-mono:'Space Mono',monospace;}
body { margin:0; background:#0B0B0C; color:#F3EFE7; font-family:'Satoshi','Helvetica Neue',sans-serif; -webkit-font-smoothing:antialiased; }
  * { box-sizing:border-box; }
  a { color:#FFD400; text-decoration:none; }
  a:hover { color:#F5A300; }
  ::selection { background:#FFD400; color:#0B0B0C; }
  summary::-webkit-details-marker { display:none; }
  input::placeholder, textarea::placeholder { color:#6f6c6a; }
  .pc-mq { display:flex; width:max-content; animation:pc-marquee 32s linear infinite; }
  @keyframes pc-marquee { from { transform:translateX(0); } to { transform:translateX(-50%); } }
  @keyframes pc-pulse { 0% { box-shadow:0 0 0 0 rgba(37,211,102,0.5); } 70% { box-shadow:0 0 0 18px rgba(37,211,102,0); } 100% { box-shadow:0 0 0 0 rgba(37,211,102,0); } }
  @keyframes pc-spin { to { transform:rotate(360deg); } }
  @keyframes pc-charge { from { width:8%; } to { width:100%; } }
  @keyframes pc-float { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-12px); } }
  @keyframes pc-current { to { stroke-dashoffset:-264; } }
  @keyframes pc-slidein { from { opacity:0; transform:translateX(14%); } to { opacity:1; transform:translateX(0); } }
  @keyframes pc-drop { from { opacity:0; transform:translateY(-10px); } to { opacity:1; transform:translateY(0); } }
  @keyframes pc-dot { 0% { box-shadow:0 0 0 0 rgba(61,220,114,0.55); } 70% { box-shadow:0 0 0 7px rgba(61,220,114,0); } 100% { box-shadow:0 0 0 0 rgba(61,220,114,0); } }
  [data-navbar][data-compact="1"] { padding-top:12px !important; padding-bottom:12px !important; background:rgba(11,11,12,0.74) !important; backdrop-filter:blur(22px) saturate(150%) !important; -webkit-backdrop-filter:blur(22px) saturate(150%) !important; box-shadow:0 20px 50px -30px rgba(0,0,0,0.85) !important; }
  @media (prefers-reduced-motion: reduce) { .pc-mq, [style*="pc-float"] { animation:none !important; } }
  /* ---------- responsive (CSS only · 1024 / 768 / 375) ---------- */
  html, body { max-width:100%; overflow-x:hidden; }
  img, svg, video { max-width:100%; }
  @media (min-width:1024px) { [data-r~=mobmenu] { display:none !important; } }

  @media (max-width:1023px) {
    [data-r~=desknav] { display:none !important; }
    [data-r~=burger] { display:flex !important; }
    [data-r~=stick] { position:static !important; top:auto !important; }
    [data-navbar] { padding-top:14px !important; padding-bottom:14px !important; background:rgba(11,11,12,0.78) !important; backdrop-filter:blur(24px) saturate(150%) !important; -webkit-backdrop-filter:blur(24px) saturate(150%) !important; border-bottom:1px solid rgba(255,255,255,0.07); }
    [data-navbar][data-compact="1"] { background:rgba(11,11,12,0.9) !important; box-shadow:0 18px 40px -26px rgba(0,0,0,0.9) !important; }
    [data-r~=stack] { grid-template-columns:1fr !important; }
    [data-r~=g4], [data-r~=g3], [data-r~=g1113], [data-r~=foot3] { grid-template-columns:repeat(2,1fr) !important; }
    [data-r~=gaplg] { gap:26px !important; }
    [data-r~=p52px22px60px] { padding:40px 20px 52px !important; }
    [data-r~=p022px60px] { padding:0 20px 52px !important; }
    [data-r~=p70px22px80px] { padding:48px 20px 60px !important; }
    [data-r~=p70px24px] { padding:48px 20px !important; }
    [data-r~=p90px22px100px] { padding:64px 20px 72px !important; }
    [data-r~=p72px040px] { padding:44px 0 28px !important; min-height:0 !important; }
    [data-r~=p42px48px], [data-r~=p52px48px], [data-r~=p60px40px], [data-r~=p48px40px] { padding:34px 28px !important; }
    [data-r~=f196] { font-size:120px !important; }
    [data-r~=f64] { font-size:50px !important; }
    [data-r~=f46], [data-r~=f44], [data-r~=f42] { font-size:37px !important; }
    [data-r~=f40], [data-r~=f38] { font-size:33px !important; }
    [data-r~=f36], [data-r~=f34] { font-size:30px !important; }
    [data-r~=w520] { width:min(520px, calc(100vw - 40px)) !important; margin-left:0 !important; left:auto !important; right:0 !important; }
    [data-r~=hdr] { padding:0 22px !important; }
  }

  @media (max-width:767px) {
    [data-r~=g3], [data-r~=g2], [data-r~=g1113], [data-r~=foot3] { grid-template-columns:1fr !important; }
    [data-r~=gaplg] { gap:20px !important; }
    [data-r~=p52px22px60px] { padding:26px 18px 44px !important; }
    [data-r~=p022px60px] { padding:0 18px 44px !important; }
    [data-r~=p70px22px80px] { padding:34px 18px 44px !important; }
    [data-r~=p70px24px] { padding:34px 18px !important; }
    [data-r~=p90px22px100px] { padding:44px 18px 56px !important; }
    [data-r~=p72px040px] { padding:26px 0 20px !important; }
    [data-r~=p42px48px], [data-r~=p52px48px], [data-r~=p60px40px], [data-r~=p48px40px], [data-r~=p44px], [data-r~=p40px] { padding:24px 20px !important; }
    [data-r~=p16px40px] { padding:14px 20px !important; }
    [data-r~=p44px8px0] { padding:30px 0 0 !important; }
    [data-r~=p40px08px] { padding:26px 0 8px !important; }
    [data-r~=p11px44px] { padding:10px 40px 10px 16px !important; }
    [data-r~=hdr] { padding:0 18px !important; gap:10px !important; }
    [data-r~=p96px32px40px] { padding:88px 18px 40px !important; }
    [data-r~=f196] { font-size:74px !important; }
    [data-r~=f64] { font-size:38px !important; }
    [data-r~=f46], [data-r~=f44], [data-r~=f42] { font-size:31px !important; }
    [data-r~=f40], [data-r~=f38] { font-size:28px !important; }
    [data-r~=f36], [data-r~=f34] { font-size:26px !important; }
    [data-r~=f32], [data-r~=f30] { font-size:24px !important; }
    [data-r~=f28], [data-r~=f27] { font-size:22px !important; }
    [data-r~=w520], [data-r~=w440], [data-r~=w360], [data-r~=w320] { width:min(100%, calc(100vw - 32px)) !important; }
    /* product cards: swipeable horizontal carousel */
    [data-r~=cards] { display:flex !important; grid-template-columns:none !important; overflow-x:auto; overflow-y:hidden; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch; scrollbar-width:none; margin:0 -18px !important; padding:2px 18px 14px !important; }
    [data-r~=cards]::-webkit-scrollbar { display:none; }
    /* hero */
    [data-r~=f64] { font-size:38px !important; line-height:1.08 !important; letter-spacing:-0.01em !important; }
    [data-r~=herocta] { flex-direction:column !important; gap:10px !important; }
    [data-r~=herocta] > button { width:100% !important; justify-content:center !important; padding:16px 22px !important; }
    [data-r~=herostats] { display:grid !important; grid-template-columns:repeat(3,1fr) !important; gap:10px !important; margin-top:26px !important; }
    [data-r~=herovis] { min-height:0 !important; gap:12px !important; margin-top:4px !important; }
    [data-r~=heroglow] { width:min(92vw,400px) !important; height:260px !important; top:0 !important; }
    [data-r~=trio] { grid-template-columns:repeat(3,1fr) !important; gap:10px !important; }
    [data-r~=selrow] { margin-left:0 !important; width:100% !important; justify-content:flex-start !important; }
    [data-r~=selrow] > select { flex:1 1 46% !important; }
    [data-r~=fabw] { right:15px !important; bottom:15px !important; width:54px !important; height:54px !important; }
    [data-r~=fabt] { left:15px !important; bottom:15px !important; }
    h1, h2, h3, p { overflow-wrap:break-word; }
    [data-r~=span2] { grid-column:auto !important; }
    [data-r~=pmid] { padding:22px 20px !important; }
    [data-r~=barstack] { flex-direction:column !important; align-items:flex-start !important; gap:12px !important; }
    [data-r~=barstack] > button { margin-left:0 !important; width:100% !important; }
    [data-r~=filtbtn] { display:flex !important; }
    [data-r~=filtwrap][data-open="0"] { display:none !important; }
    [data-r~=filtwrap] { flex-direction:column !important; align-items:stretch !important; gap:18px !important; margin-top:16px !important; }
    [data-r~=chiprow] { display:grid !important; grid-template-columns:1fr 1fr !important; gap:8px !important; }
    [data-r~=chiprow] > button { width:100% !important; text-align:center !important; }
    [data-r~=selrow] { display:grid !important; grid-template-columns:1fr 1fr !important; gap:12px !important; margin-left:0 !important; width:100% !important; }
    [data-r~=selrow] > [data-r~=fgroup] { flex:none !important; min-width:0 !important; }
    [data-r~=fgroup] > select { width:100% !important; }
    [data-r~=flabel] { display:block !important; }
    /* header */
    [data-r~=ctatext] { display:none !important; }
    [data-r~=hdrcta] { width:44px !important; height:44px !important; padding:0 !important; justify-content:center !important; gap:0 !important; }
    /* banner de domicilio */
    [data-r~=bannerrow] { flex-direction:column !important; gap:2px !important; text-align:center !important; padding:9px 40px 9px 15px !important; }
    [data-r~=bmain] { font-size:12.5px !important; line-height:1.25 !important; }
    [data-r~=bsub] { font-size:9.5px !important; }
    [data-r~=blink] { font-size:10px !important; }
    [data-r~=bclose] { right:13px !important; font-size:15px !important; }
    [data-r~=cards] > * { flex:0 0 74%; scroll-snap-align:start; }
  }

  @media (max-width:375px) {
    [data-r~=g4] { grid-template-columns:1fr !important; }
    [data-r~=f196] { font-size:56px !important; }
    [data-r~=f64] { font-size:32px !important; }
    [data-r~=f46], [data-r~=f44], [data-r~=f42] { font-size:27px !important; }
    [data-r~=f40], [data-r~=f38], [data-r~=f36] { font-size:24px !important; }
    [data-r~=f34], [data-r~=f32] { font-size:22px !important; }
    [data-r~=f30], [data-r~=f28], [data-r~=f27] { font-size:21px !important; }
    [data-r~=f26] { font-size:20px !important; }
    [data-r~=cards] > * { flex:0 0 84%; }
    [data-r~=cards] { margin:0 -15px !important; padding:2px 15px 14px !important; }
    [data-r~=p52px22px60px] { padding:22px 15px 38px !important; }
    [data-r~=p022px60px] { padding:0 15px 38px !important; }
    [data-r~=p70px22px80px] { padding:28px 15px 38px !important; }
    [data-r~=p70px24px] { padding:28px 15px !important; }
    [data-r~=p90px22px100px] { padding:36px 15px 46px !important; }
    [data-r~=hdr] { padding:0 15px !important; }
    [data-r~=f64] { font-size:33px !important; }
    [data-r~=trio] { gap:7px !important; }
    [data-r~=herostats] { gap:6px !important; }
    [data-r~=selrow], [data-r~=chiprow] { grid-template-columns:1fr !important; }
  }
[data-ir]{cursor:pointer;}


[data-pc-arriba].pc-visible{opacity:1 !important; pointer-events:auto !important;}

/* CONSTRUIDO · menú móvil (INVENTARIO C1).
   El diseño lo condiciona a mobileOpen, así que en estático desaparecía y el
   burger no abría nada. Se emite siempre y lo gobierna el CSS. */
[data-r~=mobmenu]{display:none !important;}
body.pc-menu [data-r~=mobmenu]{display:flex !important;}
@media (min-width:1024px){body.pc-menu [data-r~=mobmenu]{display:none !important;}}
body.pc-menu{overflow:hidden;}

/* PEDIDO POR EL USUARIO · header fijo también en móvil.
   El diseño lo desactiva a propósito por debajo de 1024 con
   [data-r~=stick]{position:static}. Esto lo revierte. Va después de la hoja del
   diseño, así que gana. Registrado en CAMBIOS-SOBRE-EL-DISENO.md #16. */
@media (max-width:1023px){
  [data-r~=stick]{position:sticky !important; top:0 !important; z-index:50 !important;}
}
/* CORRECCIÓN · el header no se quedaba fijo.
   Ver CAMBIOS-SOBRE-EL-DISENO.md #18.

   El diseño pone overflow-x:hidden en html y body para evitar desbordes
   laterales. El efecto secundario no es evidente: overflow-x:hidden convierte
   el body en un CONTENEDOR DE SCROLL, y position:sticky se pega a su contenedor
   de scroll más cercano, no al viewport. O sea que el header era sticky y no se
   pegaba a nada.

   overflow-x:clip recorta igual PERO no crea contenedor de scroll, que es
   justo la diferencia. El desborde sigue controlado y el sticky funciona. */
html, body{overflow-x:clip !important;}

/* PEDIDO POR EL USUARIO · la barra de domicilio ocupaba 87 px en móvil.
   Ver CAMBIOS-SOBRE-EL-DISENO.md #19.

   Los tres bloques (titular, detalle y enlace) se envuelven en tres líneas a
   375 px, y la barra se come el 11% de la pantalla antes de que se vea nada.
   No se quita contenido: se aprieta el espaciado y se baja el cuerpo, que es lo
   que el diseño ya hace con el resto de la tipografía en móvil. */
@media (max-width:767px){
  [data-r~=bannerrow]{gap:4px 10px !important; padding:7px 32px 7px 14px !important;}
  [data-r~=bmain]{font-size:12px !important;}
  [data-r~=bsub]{font-size:9.5px !important; letter-spacing:0.04em !important;}
  [data-r~=blink]{font-size:9.5px !important;}
}
/* Por debajo de 480 px el contenido se parte en CUATRO filas y la barra se come
   95 px, un 12% de la pantalla, antes de que se vea nada del sitio.
   Apretar el espaciado no basta: hay que quitar algo. Se esconde el detalle
   («Llegamos en X min · hasta las Y»), que es lo único de los cuatro que se
   repite tal cual más abajo en la portada. El titular y el enlace de WhatsApp
   se quedan, que son la oferta y la acción.
   ES UNA DECISIÓN DE CONTENIDO: si prefieres que se vea, se quita esta regla. */
@media (max-width:479px){
  [data-r~=bsub]{display:none !important;}
}

/* PEDIDO POR EL USUARIO · «Ofertas de la semana» desliza, con 4 visibles.
   Ver CAMBIOS-SOBRE-EL-DISENO.md #17 y sliderOfertas().

   El hueco de 18px es el del diseño, y el ancho sale de ahí: cuatro tarjetas y
   tres huecos. Va con !important porque el display:grid del diseño viene en
   atributo style, que gana a cualquier clase. */
[data-pc-slider] [data-r~=cards]{
  display:flex !important;
  grid-template-columns:none !important;
  overflow-x:auto; overflow-y:hidden;
  scroll-snap-type:x mandatory;
  /* Sin scroll-behavior:smooth A PROPÓSITO. El diseño carga Lenis, que
     secuestra el scroll suave nativo: con behavior smooth, scrollBy() no movía
     el carril ni un píxel. La animación la hace el JS con requestAnimationFrame,
     que funciona con Lenis o sin él. */
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
  padding-bottom:4px;
}
[data-pc-slider] [data-r~=cards]::-webkit-scrollbar{display:none;}
[data-pc-slider] [data-r~=cards] > *{
  flex:0 0 calc((100% - 54px) / 4);
  scroll-snap-align:start;
}
[data-pc-slider] [data-pc-slider-ir][hidden]{display:none !important;}
[data-pc-slider] [data-pc-slider-ir]:hover{background:rgba(255,212,0,0.16);}

/* Por debajo de 1024 el diseño ya reparte a 2 columnas, y por debajo de 768
   convierte la sección en carrusel con tarjetas al 74%/84%. Se respeta ese
   escalonado: aquí sólo se traduce a la medida del carril. */
@media (max-width:1023px){
  [data-pc-slider] [data-r~=cards] > *{flex-basis:calc((100% - 18px) / 2);}
  [data-pc-slider] [data-pc-slider-ir]{display:none !important;}
}
@media (max-width:767px){
  [data-pc-slider] [data-r~=cards] > *{flex-basis:74%;}
}
@media (max-width:375px){
  [data-pc-slider] [data-r~=cards] > *{flex-basis:84%;}
}

[data-reveal].pc-oculto{opacity:0; transform:translateY(24px);}
[data-reveal]{transition:opacity .7s cubic-bezier(0.22,1,0.36,1), transform .7s cubic-bezier(0.22,1,0.36,1);}
@media (prefers-reduced-motion: reduce){[data-reveal].pc-oculto{opacity:1; transform:none;}}

/* CORRECCIÓN sobre el diseño · foco de teclado.
   El diseño no define ni una regla :focus: quien navega con teclado no sabe
   nunca dónde está. Se usa el amarillo del propio diseño, no un color nuevo.
   Registrado en CAMBIOS-SOBRE-EL-DISENO.md #1. */
:focus-visible{outline:3px solid var(--pc-amarillo); outline-offset:3px; border-radius:4px;}

/* CORRECCIÓN sobre el diseño · área de toque de 44px en móvil.
   El pseudoelemento amplía la zona pulsable sin desplazar nada visible.
   El diseño no usa ::after en ninguna regla, así que no pisa nada.
   Registrado en CAMBIOS-SOBRE-EL-DISENO.md P1. */
.pc-toque{position:relative;}
.pc-toque::after{content:''; position:absolute; left:50%; top:50%;
  transform:translate(-50%,-50%); width:max(100%,44px); height:max(100%,44px);}
.pc-h1424xyk:hover{opacity:1;}
.pc-hj3lhk4:hover{border-color:#FFD400; color:#FFD400;}
.pc-h1nldip6:hover{color:#FFD400;}
.pc-hf6td4o:hover{transform:translateY(-4px); border-color:rgba(255,212,0,0.4);}
.pc-hddao9j:hover{transform:translateY(-6px); box-shadow:0 40px 70px -30px rgba(0,0,0,0.8), 0 0 0 1px rgba(255,212,0,0.35);}
.pc-h1i5a14l:hover{background:#FFD400; color:#0B0B0C;}
.pc-hu84n7p:hover{transform:translateY(-6px);}
.pc-hhp1ck:hover{filter:brightness(1.07);}
.pc-hipqxe3:hover{border-color:#FFD400;}
.pc-h1liu50g:hover{box-shadow:0 12px 32px -8px rgba(255,212,0,0.65);}
.pc-h1a3divh:hover{box-shadow:0 16px 38px -8px rgba(255,212,0,0.55);}
.pc-h1w86to9:hover{transform:translateY(-5px); border-color:rgba(255,212,0,0.4);}
.pc-hunj92b:hover{color:#FFD400; opacity:1;}
.pc-hhp3rp:hover{filter:brightness(1.06);}
.pc-h1eu1r6d:hover{color:#FFD400; border-color:rgba(255,212,0,0.4);}
.pc-hj7zaqa:hover{color:#FFD400; padding-left:6px;}
.pc-h19099a7:hover{transform:translateY(-3px); border-color:rgba(255,212,0,0.4);}

/* ── páginas internas ── */
@media (max-width:767px){/* product cards: swipeable horizontal carousel */
[data-r~=cards] > * { flex:0 0 74%; scroll-snap-align:start; }}
@media (max-width:375px){[data-r~=cards] > * { flex:0 0 84%; }
[data-r~=cards] { margin:0 -15px !important; padding:2px 15px 14px !important; }}
@media (max-width:767px){[data-pc-slider] [data-r~=cards] > *{flex-basis:74%;}}
@media (max-width:375px){[data-pc-slider] [data-r~=cards] > *{flex-basis:84%;}}

/* ── buscador por vehículo ── */

[data-pc-buscador] select:disabled{opacity:0.5; cursor:not-allowed;}
[data-pc-buscador] select:focus{outline:2px solid var(--pc-amarillo); outline-offset:1px;}
.baterias_powercar-buscador [data-pc-res-cards] a{transition:transform .3s cubic-bezier(0.22,1,0.36,1);}
.baterias_powercar-buscador [data-pc-res-cards] a:hover{transform:translateY(-3px);}
@media (max-width:767px){ .baterias_powercar-buscador [data-pc-res-cards]{grid-template-columns:1fr !important;} }


/* ── 404 ── */
.baterias_powercar-404{--pc-fondo:#0B0B0C; --pc-texto:#F3EFE7; --pc-amarillo:#FFD400; --pc-naranja:#F5A300; --pc-gris:#8A8A8F; --pc-verde:#3DDC72; --pc-whatsapp:#25D366; --pc-titulo:'Clash Display',sans-serif; --pc-cuerpo:'Satoshi','Helvetica Neue',sans-serif; --pc-mono:'Space Mono',monospace;}
.baterias_powercar-404{margin:0; background:#0B0B0C; color:#F3EFE7; font-family:'Satoshi','Helvetica Neue',sans-serif; -webkit-font-smoothing:antialiased;}
.baterias_powercar-404 summary::-webkit-details-marker{display:none;}
.baterias_powercar-404 input::placeholder,.baterias_powercar-404 textarea::placeholder{color:#6f6c6a;}
.baterias_powercar-404 .pc-mq{display:flex; width:max-content; animation:pc-marquee 32s linear infinite;}
@keyframes pc-marquee { from { transform:translateX(0); } to { transform:translateX(-50%); } }
@keyframes pc-pulse { 0% { box-shadow:0 0 0 0 rgba(37,211,102,0.5); } 70% { box-shadow:0 0 0 18px rgba(37,211,102,0); } 100% { box-shadow:0 0 0 0 rgba(37,211,102,0); } }
@keyframes pc-spin { to { transform:rotate(360deg); } }
@keyframes pc-charge { from { width:8%; } to { width:100%; } }
@keyframes pc-float { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-12px); } }
@keyframes pc-current { to { stroke-dashoffset:-264; } }
@keyframes pc-slidein { from { opacity:0; transform:translateX(14%); } to { opacity:1; transform:translateX(0); } }
@keyframes pc-drop { from { opacity:0; transform:translateY(-10px); } to { opacity:1; transform:translateY(0); } }
@keyframes pc-dot { 0% { box-shadow:0 0 0 0 rgba(61,220,114,0.55); } 70% { box-shadow:0 0 0 7px rgba(61,220,114,0); } 100% { box-shadow:0 0 0 0 rgba(61,220,114,0); } }
.baterias_powercar-404 [data-navbar][data-compact="1"]{padding-top:12px !important; padding-bottom:12px !important; background:rgba(11,11,12,0.74) !important; backdrop-filter:blur(22px) saturate(150%) !important; -webkit-backdrop-filter:blur(22px) saturate(150%) !important; box-shadow:0 20px 50px -30px rgba(0,0,0,0.85) !important;}
@media (prefers-reduced-motion: reduce){.baterias_powercar-404 .pc-mq,.baterias_powercar-404 [style*="pc-float"]{animation:none !important;}}
.baterias_powercar-404 img,.baterias_powercar-404 svg,.baterias_powercar-404 video{max-width:100%;}
@media (min-width:1024px){.baterias_powercar-404 [data-r~=mobmenu]{display:none !important;}}
@media (max-width:1023px){.baterias_powercar-404 [data-r~=desknav]{display:none !important;}
.baterias_powercar-404 [data-r~=burger]{display:flex !important;}
.baterias_powercar-404 [data-r~=stick]{position:static !important; top:auto !important;}
.baterias_powercar-404 [data-navbar]{padding-top:14px !important; padding-bottom:14px !important; background:rgba(11,11,12,0.78) !important; backdrop-filter:blur(24px) saturate(150%) !important; -webkit-backdrop-filter:blur(24px) saturate(150%) !important; border-bottom:1px solid rgba(255,255,255,0.07);}
.baterias_powercar-404 [data-navbar][data-compact="1"]{background:rgba(11,11,12,0.9) !important; box-shadow:0 18px 40px -26px rgba(0,0,0,0.9) !important;}
.baterias_powercar-404 [data-r~=stack]{grid-template-columns:1fr !important;}
.baterias_powercar-404 [data-r~=g4],.baterias_powercar-404 [data-r~=g3],.baterias_powercar-404 [data-r~=g1113],.baterias_powercar-404 [data-r~=foot3]{grid-template-columns:repeat(2,1fr) !important;}
.baterias_powercar-404 [data-r~=gaplg]{gap:26px !important;}
.baterias_powercar-404 [data-r~=p52px22px60px]{padding:40px 20px 52px !important;}
.baterias_powercar-404 [data-r~=p022px60px]{padding:0 20px 52px !important;}
.baterias_powercar-404 [data-r~=p70px22px80px]{padding:48px 20px 60px !important;}
.baterias_powercar-404 [data-r~=p70px24px]{padding:48px 20px !important;}
.baterias_powercar-404 [data-r~=p90px22px100px]{padding:64px 20px 72px !important;}
.baterias_powercar-404 [data-r~=p72px040px]{padding:44px 0 28px !important; min-height:0 !important;}
.baterias_powercar-404 [data-r~=p42px48px],.baterias_powercar-404 [data-r~=p52px48px],.baterias_powercar-404 [data-r~=p60px40px],.baterias_powercar-404 [data-r~=p48px40px]{padding:34px 28px !important;}
.baterias_powercar-404 [data-r~=f196]{font-size:120px !important;}
.baterias_powercar-404 [data-r~=f64]{font-size:50px !important;}
.baterias_powercar-404 [data-r~=f46],.baterias_powercar-404 [data-r~=f44],.baterias_powercar-404 [data-r~=f42]{font-size:37px !important;}
.baterias_powercar-404 [data-r~=f40],.baterias_powercar-404 [data-r~=f38]{font-size:33px !important;}
.baterias_powercar-404 [data-r~=f36],.baterias_powercar-404 [data-r~=f34]{font-size:30px !important;}
.baterias_powercar-404 [data-r~=w520]{width:min(520px, calc(100vw - 40px)) !important; margin-left:0 !important; left:auto !important; right:0 !important;}
.baterias_powercar-404 [data-r~=hdr]{padding:0 22px !important;}}
@media (max-width:767px){.baterias_powercar-404 [data-r~=g3],.baterias_powercar-404 [data-r~=g2],.baterias_powercar-404 [data-r~=g1113],.baterias_powercar-404 [data-r~=foot3]{grid-template-columns:1fr !important;}
.baterias_powercar-404 [data-r~=gaplg]{gap:20px !important;}
.baterias_powercar-404 [data-r~=p52px22px60px]{padding:26px 18px 44px !important;}
.baterias_powercar-404 [data-r~=p022px60px]{padding:0 18px 44px !important;}
.baterias_powercar-404 [data-r~=p70px22px80px]{padding:34px 18px 44px !important;}
.baterias_powercar-404 [data-r~=p70px24px]{padding:34px 18px !important;}
.baterias_powercar-404 [data-r~=p90px22px100px]{padding:44px 18px 56px !important;}
.baterias_powercar-404 [data-r~=p72px040px]{padding:26px 0 20px !important;}
.baterias_powercar-404 [data-r~=p42px48px],.baterias_powercar-404 [data-r~=p52px48px],.baterias_powercar-404 [data-r~=p60px40px],.baterias_powercar-404 [data-r~=p48px40px],.baterias_powercar-404 [data-r~=p44px],.baterias_powercar-404 [data-r~=p40px]{padding:24px 20px !important;}
.baterias_powercar-404 [data-r~=p16px40px]{padding:14px 20px !important;}
.baterias_powercar-404 [data-r~=p44px8px0]{padding:30px 0 0 !important;}
.baterias_powercar-404 [data-r~=p40px08px]{padding:26px 0 8px !important;}
.baterias_powercar-404 [data-r~=p11px44px]{padding:10px 40px 10px 16px !important;}
.baterias_powercar-404 [data-r~=hdr]{padding:0 18px !important; gap:10px !important;}
.baterias_powercar-404 [data-r~=p96px32px40px]{padding:88px 18px 40px !important;}
.baterias_powercar-404 [data-r~=f196]{font-size:74px !important;}
.baterias_powercar-404 [data-r~=f64]{font-size:38px !important;}
.baterias_powercar-404 [data-r~=f46],.baterias_powercar-404 [data-r~=f44],.baterias_powercar-404 [data-r~=f42]{font-size:31px !important;}
.baterias_powercar-404 [data-r~=f40],.baterias_powercar-404 [data-r~=f38]{font-size:28px !important;}
.baterias_powercar-404 [data-r~=f36],.baterias_powercar-404 [data-r~=f34]{font-size:26px !important;}
.baterias_powercar-404 [data-r~=f32],.baterias_powercar-404 [data-r~=f30]{font-size:24px !important;}
.baterias_powercar-404 [data-r~=f28],.baterias_powercar-404 [data-r~=f27]{font-size:22px !important;}
.baterias_powercar-404 [data-r~=w520],.baterias_powercar-404 [data-r~=w440],.baterias_powercar-404 [data-r~=w360],.baterias_powercar-404 [data-r~=w320]{width:min(100%, calc(100vw - 32px)) !important;}
.baterias_powercar-404 [data-r~=cards]{display:flex !important; grid-template-columns:none !important; overflow-x:auto; overflow-y:hidden; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch; scrollbar-width:none; margin:0 -18px !important; padding:2px 18px 14px !important;}
.baterias_powercar-404 [data-r~=cards]::-webkit-scrollbar{display:none;}
.baterias_powercar-404 [data-r~=f64]{font-size:38px !important; line-height:1.08 !important; letter-spacing:-0.01em !important;}
.baterias_powercar-404 [data-r~=herocta]{flex-direction:column !important; gap:10px !important;}
.baterias_powercar-404 [data-r~=herocta] > button{width:100% !important; justify-content:center !important; padding:16px 22px !important;}
.baterias_powercar-404 [data-r~=herostats]{display:grid !important; grid-template-columns:repeat(3,1fr) !important; gap:10px !important; margin-top:26px !important;}
.baterias_powercar-404 [data-r~=herovis]{min-height:0 !important; gap:12px !important; margin-top:4px !important;}
.baterias_powercar-404 [data-r~=heroglow]{width:min(92vw,400px) !important; height:260px !important; top:0 !important;}
.baterias_powercar-404 [data-r~=trio]{grid-template-columns:repeat(3,1fr) !important; gap:10px !important;}
.baterias_powercar-404 [data-r~=selrow]{margin-left:0 !important; width:100% !important; justify-content:flex-start !important;}
.baterias_powercar-404 [data-r~=selrow] > select{flex:1 1 46% !important;}
.baterias_powercar-404 [data-r~=fabw]{right:15px !important; bottom:15px !important; width:54px !important; height:54px !important;}
.baterias_powercar-404 [data-r~=fabt]{left:15px !important; bottom:15px !important;}
.baterias_powercar-404 h1,.baterias_powercar-404 h2,.baterias_powercar-404 h3,.baterias_powercar-404 p{overflow-wrap:break-word;}
.baterias_powercar-404 [data-r~=span2]{grid-column:auto !important;}
.baterias_powercar-404 [data-r~=pmid]{padding:22px 20px !important;}
.baterias_powercar-404 [data-r~=barstack]{flex-direction:column !important; align-items:flex-start !important; gap:12px !important;}
.baterias_powercar-404 [data-r~=barstack] > button{margin-left:0 !important; width:100% !important;}
.baterias_powercar-404 [data-r~=filtbtn]{display:flex !important;}
.baterias_powercar-404 [data-r~=filtwrap][data-open="0"]{display:none !important;}
.baterias_powercar-404 [data-r~=filtwrap]{flex-direction:column !important; align-items:stretch !important; gap:18px !important; margin-top:16px !important;}
.baterias_powercar-404 [data-r~=chiprow]{display:grid !important; grid-template-columns:1fr 1fr !important; gap:8px !important;}
.baterias_powercar-404 [data-r~=chiprow] > button{width:100% !important; text-align:center !important;}
.baterias_powercar-404 [data-r~=selrow]{display:grid !important; grid-template-columns:1fr 1fr !important; gap:12px !important; margin-left:0 !important; width:100% !important;}
.baterias_powercar-404 [data-r~=selrow] > [data-r~=fgroup]{flex:none !important; min-width:0 !important;}
.baterias_powercar-404 [data-r~=fgroup] > select{width:100% !important;}
.baterias_powercar-404 [data-r~=flabel]{display:block !important;}
.baterias_powercar-404 [data-r~=ctatext]{display:none !important;}
.baterias_powercar-404 [data-r~=hdrcta]{width:44px !important; height:44px !important; padding:0 !important; justify-content:center !important; gap:0 !important;}
.baterias_powercar-404 [data-r~=bannerrow]{flex-direction:column !important; gap:2px !important; text-align:center !important; padding:9px 40px 9px 15px !important;}
.baterias_powercar-404 [data-r~=bmain]{font-size:12.5px !important; line-height:1.25 !important;}
.baterias_powercar-404 [data-r~=bsub]{font-size:9.5px !important;}
.baterias_powercar-404 [data-r~=blink]{font-size:10px !important;}
.baterias_powercar-404 [data-r~=bclose]{right:13px !important; font-size:15px !important;}
.baterias_powercar-404 [data-r~=cards] > *{flex:0 0 74%; scroll-snap-align:start;}}
@media (max-width:375px){.baterias_powercar-404 [data-r~=g4]{grid-template-columns:1fr !important;}
.baterias_powercar-404 [data-r~=f196]{font-size:56px !important;}
.baterias_powercar-404 [data-r~=f64]{font-size:32px !important;}
.baterias_powercar-404 [data-r~=f46],.baterias_powercar-404 [data-r~=f44],.baterias_powercar-404 [data-r~=f42]{font-size:27px !important;}
.baterias_powercar-404 [data-r~=f40],.baterias_powercar-404 [data-r~=f38],.baterias_powercar-404 [data-r~=f36]{font-size:24px !important;}
.baterias_powercar-404 [data-r~=f34],.baterias_powercar-404 [data-r~=f32]{font-size:22px !important;}
.baterias_powercar-404 [data-r~=f30],.baterias_powercar-404 [data-r~=f28],.baterias_powercar-404 [data-r~=f27]{font-size:21px !important;}
.baterias_powercar-404 [data-r~=f26]{font-size:20px !important;}
.baterias_powercar-404 [data-r~=cards] > *{flex:0 0 84%;}
.baterias_powercar-404 [data-r~=cards]{margin:0 -15px !important; padding:2px 15px 14px !important;}
.baterias_powercar-404 [data-r~=p52px22px60px]{padding:22px 15px 38px !important;}
.baterias_powercar-404 [data-r~=p022px60px]{padding:0 15px 38px !important;}
.baterias_powercar-404 [data-r~=p70px22px80px]{padding:28px 15px 38px !important;}
.baterias_powercar-404 [data-r~=p70px24px]{padding:28px 15px !important;}
.baterias_powercar-404 [data-r~=p90px22px100px]{padding:36px 15px 46px !important;}
.baterias_powercar-404 [data-r~=hdr]{padding:0 15px !important;}
.baterias_powercar-404 [data-r~=f64]{font-size:33px !important;}
.baterias_powercar-404 [data-r~=trio]{gap:7px !important;}
.baterias_powercar-404 [data-r~=herostats]{gap:6px !important;}
.baterias_powercar-404 [data-r~=selrow],.baterias_powercar-404 [data-r~=chiprow]{grid-template-columns:1fr !important;}}
.baterias_powercar-404 [data-ir]{cursor:pointer;}
.baterias_powercar-404 [data-pc-arriba].pc-visible{opacity:1 !important; pointer-events:auto !important;}
.baterias_powercar-404 [data-r~=mobmenu]{display:none !important;}
.baterias_powercar-404 body.pc-menu [data-r~=mobmenu]{display:flex !important;}
@media (min-width:1024px){.baterias_powercar-404 body.pc-menu [data-r~=mobmenu]{display:none !important;}}
.baterias_powercar-404 body.pc-menu{overflow:hidden;}
@media (max-width:1023px){.baterias_powercar-404 [data-r~=stick]{position:sticky !important; top:0 !important; z-index:50 !important;}}
@media (max-width:767px){.baterias_powercar-404 [data-r~=bannerrow]{gap:4px 10px !important; padding:7px 32px 7px 14px !important;}
.baterias_powercar-404 [data-r~=bmain]{font-size:12px !important;}
.baterias_powercar-404 [data-r~=bsub]{font-size:9.5px !important; letter-spacing:0.04em !important;}
.baterias_powercar-404 [data-r~=blink]{font-size:9.5px !important;}}
@media (max-width:479px){.baterias_powercar-404 [data-r~=bsub]{display:none !important;}}
.baterias_powercar-404 [data-pc-slider] [data-r~=cards]{display:flex !important;
  grid-template-columns:none !important;
  overflow-x:auto; overflow-y:hidden;
  scroll-snap-type:x mandatory;
  
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
  padding-bottom:4px;}
.baterias_powercar-404 [data-pc-slider] [data-r~=cards]::-webkit-scrollbar{display:none;}
.baterias_powercar-404 [data-pc-slider] [data-r~=cards] > *{flex:0 0 calc((100% - 54px) / 4);
  scroll-snap-align:start;}
.baterias_powercar-404 [data-pc-slider] [data-pc-slider-ir][hidden]{display:none !important;}
.baterias_powercar-404 [data-pc-slider] [data-pc-slider-ir]:hover{background:rgba(255,212,0,0.16);}
@media (max-width:1023px){.baterias_powercar-404 [data-pc-slider] [data-r~=cards] > *{flex-basis:calc((100% - 18px) / 2);}
.baterias_powercar-404 [data-pc-slider] [data-pc-slider-ir]{display:none !important;}}
@media (max-width:767px){.baterias_powercar-404 [data-pc-slider] [data-r~=cards] > *{flex-basis:74%;}}
@media (max-width:375px){.baterias_powercar-404 [data-pc-slider] [data-r~=cards] > *{flex-basis:84%;}}
.baterias_powercar-404 [data-reveal].pc-oculto{opacity:0; transform:translateY(24px);}
.baterias_powercar-404 [data-reveal]{transition:opacity .7s cubic-bezier(0.22,1,0.36,1), transform .7s cubic-bezier(0.22,1,0.36,1);}
@media (prefers-reduced-motion: reduce){.baterias_powercar-404 [data-reveal].pc-oculto{opacity:1; transform:none;}}
.baterias_powercar-404 .pc-toque{position:relative;}
.baterias_powercar-404 .pc-toque::after{content:''; position:absolute; left:50%; top:50%;
  transform:translate(-50%,-50%); width:max(100%,44px); height:max(100%,44px);}
.baterias_powercar-404 .pc-h1424xyk:hover{opacity:1;}
.baterias_powercar-404 .pc-hj3lhk4:hover{border-color:#FFD400; color:#FFD400;}
.baterias_powercar-404 .pc-h1nldip6:hover{color:#FFD400;}
.baterias_powercar-404 .pc-hhp1ck:hover{filter:brightness(1.07);}
.baterias_powercar-404 .pc-hipqxe3:hover{border-color:#FFD400;}
.baterias_powercar-404 .pc-h1liu50g:hover{box-shadow:0 12px 32px -8px rgba(255,212,0,0.65);}
.baterias_powercar-404 .pc-h1a3divh:hover{box-shadow:0 16px 38px -8px rgba(255,212,0,0.55);}
.baterias_powercar-404 .pc-hhp3rp:hover{filter:brightness(1.06);}
.baterias_powercar-404 .pc-h1eu1r6d:hover{color:#FFD400; border-color:rgba(255,212,0,0.4);}
.baterias_powercar-404 .pc-hj7zaqa:hover{color:#FFD400; padding-left:6px;}
.baterias_powercar-404 .pc-h19099a7:hover{transform:translateY(-3px); border-color:rgba(255,212,0,0.4);}

/* ── cabecera y panel del carrito ── */

/* ── La tarjeta de producto, clicable entera ──────────────────────────────────
   El título es el único enlace real de la tarjeta y su ::after se estira sobre
   ella: así toda la tarjeta lleva a la ficha con UN solo enlace en el árbol de
   accesibilidad, en vez de tres al mismo sitio.

   Va en site.css y no en woocommerce.css porque la tarjeta también se pinta en
   la portada, que no es una página de WooCommerce. */
/*
   OJO con el position: el ::after se estira contra el ancestro POSICIONADO más
   cercano, y ése tiene que ser la TARJETA. Si el propio enlace llevara
   position:relative, el ::after cubriría sólo el título y la tarjeta seguiría
   sin ser clicable — con la particularidad de que el enlace funciona, así que
   parece que está bien hasta que pinchas en el precio.

   La tarjeta recibe su position:relative en el generador, al emitirla.
*/
.baterias_powercar-card-enlace::after{
  content:''; position:absolute; inset:0; z-index:1;
  /* Sin fondo: es una zona de clic, no una capa que tape el vidrio. */
}

/* El botón «Añadir» queda POR ENCIMA del enlace estirado. Sin esto la tarjeta se
   lo come y añadir al carrito llevaría a la ficha. */
.add_to_cart_button{position:relative; z-index:2;}

/* El crédito de la agencia: el color y el tamaño son los de la barra legal del
   diseño. Sólo se distingue al pasar por encima, que es lo que hace un enlace. */
.baterias_powercar-credito{color:var(--pc-gris); text-decoration:none; border-bottom:1px solid rgba(255,255,255,0.18);}
.baterias_powercar-credito:hover{color:var(--pc-amarillo); border-bottom-color:var(--pc-amarillo);}

/* ── El mega-menú de «Tienda» ─────────────────────────────────────────────────
   El vidrio y la sombra son los del diseño (línea 218). Lo que cambia es que
   abre por CSS en vez de por manejadores de ratón: así también abre con el
   teclado, que con onMouseEnter no lo hacía.

   El contenedor de la entrada del menú ya trae position:relative del diseño. */
.baterias_powercar-mega{
  position:absolute; top:calc(100% + 10px); left:50%;
  padding:20px; border-radius:20px; z-index:90;
  background:rgba(16,15,12,0.92);
  backdrop-filter:blur(30px) saturate(150%); -webkit-backdrop-filter:blur(30px) saturate(150%);
  border:1px solid rgba(255,255,255,0.12);
  box-shadow:0 44px 90px -30px rgba(0,0,0,0.9);
  display:grid; gap:18px;
  /* Cerrado se va del flujo del ratón, no sólo de la vista: con visibility
     puesta seguiría tapando lo que hay debajo del menú. */
  opacity:0; visibility:hidden; transform:translateY(-6px);
  transition:opacity .28s cubic-bezier(0.22,1,0.36,1), transform .28s cubic-bezier(0.22,1,0.36,1), visibility .28s;
}
.baterias_powercar-mega:hover,
*:hover > .baterias_powercar-mega,
*:focus-within > .baterias_powercar-mega{opacity:1; visibility:visible; transform:translateY(0);}

@media (prefers-reduced-motion:reduce){
  .baterias_powercar-mega{transition:none; transform:none;}
}

.baterias_powercar-mega-punta{
  position:absolute; top:-8px; left:50%; margin-left:-7px; width:14px; height:14px;
  background:rgba(16,15,12,0.92);
  border-left:1px solid rgba(255,255,255,0.12); border-top:1px solid rgba(255,255,255,0.12);
  transform:rotate(45deg);
}
.baterias_powercar-mega-cat{
  display:flex; align-items:center; justify-content:space-between;
  padding:12px 14px; border-radius:12px; color:var(--pc-texto);
  text-decoration:none; transition:background .25s;
}
.baterias_powercar-mega-cat:hover{background:rgba(255,212,0,0.10);}
.baterias_powercar-mega-dest{
  border-radius:14px; padding:16px; text-decoration:none;
  background:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.1);
  display:flex; flex-direction:column; align-items:center; text-align:center; gap:8px;
  transition:border-color .25s;
}
.baterias_powercar-mega-dest:hover{border-color:rgba(255,212,0,0.4);}
.baterias_powercar-mega-dest img{max-height:80px; width:auto; display:block;}

/* En el teléfono el menú de escritorio no se pinta, así que el mega tampoco
   tiene dónde abrirse. Fuera, para que ni ocupe ni se abra por un toque. */
@media (max-width:1023px){
  .baterias_powercar-mega{display:none;}
}

/* ── El panel del carrito ─────────────────────────────────────────────────────
   El vidrio, el radio y la sombra son los del mini-carrito de v5 (línea 264 del
   diseño). Lo que cambia es que ocupa el alto de la pantalla y entra desde el
   borde, no que sea otro lenguaje visual.

   El ancho: 380px en vez de los 320 de la tarjeta, porque aquí cada línea lleva
   además la pastilla de cantidad y el botón de quitar. Con 320 los tres se
   pisan. */
.baterias_powercar-sc-fondo{
  position:fixed; inset:0; z-index:190; background:rgba(0,0,0,0.55);
  opacity:0; transition:opacity .3s ease;
}
.baterias_powercar-sc-fondo.pc-sc-ve{opacity:1;}

.baterias_powercar-sc{
  position:fixed; top:0; right:0; bottom:0; z-index:200;
  width:380px; max-width:92vw;
  display:flex; flex-direction:column;
  background:rgba(16,15,12,0.92);
  backdrop-filter:blur(30px) saturate(150%); -webkit-backdrop-filter:blur(30px) saturate(150%);
  border-left:1px solid rgba(255,255,255,0.12);
  box-shadow:0 44px 90px -30px rgba(0,0,0,0.9);
  transform:translateX(100%); transition:transform .34s cubic-bezier(0.22,1,0.36,1);
}
.baterias_powercar-sc.pc-sc-ve{transform:translateX(0);}

/* Sin transición si el visitante la pidió apagada. El resto del sitio ya lo
   respeta; el panel es lo único que se movía sin preguntarlo. */
@media (prefers-reduced-motion:reduce){
  .baterias_powercar-sc, .baterias_powercar-sc-fondo{transition:none;}
}

.baterias_powercar-sc-cab{
  display:flex; align-items:center; justify-content:space-between;
  padding:20px 18px 14px; border-bottom:1px solid rgba(255,255,255,0.08); flex-shrink:0;
}
.baterias_powercar-sc-rotulo{
  font-family:var(--pc-mono); font-size:11px; letter-spacing:0.08em;
  text-transform:uppercase; color:var(--pc-gris);
}
.baterias_powercar-sc-x{
  display:flex; align-items:center; justify-content:center; width:34px; height:34px;
  border-radius:10px; background:rgba(255,255,255,0.06);
  border:1px solid rgba(255,255,255,0.16); cursor:pointer; color:var(--pc-texto);
  transition:border-color .3s, color .3s;
}
.baterias_powercar-sc-x:hover{border-color:var(--pc-amarillo); color:var(--pc-amarillo);}

/* El cuerpo es el que se sustituye por fragmentos, así que ES el que scrollea:
   si el scroll colgara de un padre, cada refresco lo devolvería arriba. */
.baterias_powercar-sc-cuerpo{
  flex:1; display:flex; flex-direction:column; min-height:0;
  overflow-y:auto; overscroll-behavior:contain; padding:14px 18px 18px;
}

.baterias_powercar-sc-linea{
  display:flex; align-items:flex-start; gap:12px;
  padding:12px 0; border-bottom:1px solid rgba(255,255,255,0.08);
}
.baterias_powercar-sc-foto{
  width:52px; height:52px; border-radius:10px; flex-shrink:0; padding:4px;
  background:rgba(255,255,255,0.04); display:flex; align-items:center; justify-content:center;
}
.baterias_powercar-sc-foto img{width:100%; height:100%; object-fit:contain; display:block;}
.baterias_powercar-sc-datos{flex:1; min-width:0;}
.baterias_powercar-sc-nombre{
  display:block; font-size:12.5px; font-weight:600; color:var(--pc-texto);
  text-decoration:none; line-height:1.35;
  overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
}
.baterias_powercar-sc-nombre:hover{color:var(--pc-amarillo);}
.baterias_powercar-sc-precio{font-family:var(--pc-mono); font-size:10.5px; color:var(--pc-gris); margin-top:3px;}

/* La misma pastilla − n + de la ficha y del carrito, en pequeño. */
.baterias_powercar-sc-cant{
  display:inline-flex; align-items:center; gap:2px; margin-top:8px;
  border-radius:10px; background:rgba(255,255,255,0.05);
  border:1px solid rgba(255,255,255,0.12);
}
.baterias_powercar-sc-cant button{
  width:26px; height:26px; background:none; border:none; cursor:pointer;
  color:var(--pc-gris); font-family:inherit; font-size:15px; font-weight:700; line-height:1; padding:0;
}
.baterias_powercar-sc-cant button:hover{color:var(--pc-texto);}
.baterias_powercar-sc-cant span{
  min-width:22px; text-align:center; font-family:var(--pc-mono);
  font-size:12px; color:var(--pc-texto);
}
.baterias_powercar-sc-quitar{
  background:none; border:none; cursor:pointer; color:var(--pc-gris);
  padding:2px; flex-shrink:0; line-height:0; transition:color .3s;
}
.baterias_powercar-sc-quitar:hover{color:#f86368;}

/* El pie no scrollea con las líneas: el total y «Finalizar compra» tienen que
   estar a la vista con el carrito lleno, que es cuando más largo es. */
.baterias_powercar-sc-pie{
  margin-top:auto; padding-top:14px; position:sticky; bottom:-18px;
  background:linear-gradient(to top, rgba(16,15,12,0.98) 60%, rgba(16,15,12,0));
}
.baterias_powercar-sc-total{display:flex; justify-content:space-between; align-items:baseline; margin-bottom:12px;}
.baterias_powercar-sc-cifra{font-family:var(--pc-titulo); font-size:20px; font-weight:700; color:var(--pc-amarillo);}
.baterias_powercar-sc-cifra .woocommerce-Price-amount{font-family:inherit;}
.baterias_powercar-sc-btn{
  display:block; width:100%; text-align:center; box-sizing:border-box;
  background:var(--pc-amarillo); color:#0B0B0C; border:none; border-radius:12px;
  padding:13px; font-family:inherit; font-size:13.5px; font-weight:700;
  text-decoration:none; cursor:pointer;
}
.baterias_powercar-sc-btn-fantasma{
  margin-top:8px; background:transparent; color:var(--pc-texto);
  border:1px solid rgba(255,255,255,0.18);
}
.baterias_powercar-sc-btn-fantasma:hover{border-color:var(--pc-amarillo); color:var(--pc-amarillo);}
.baterias_powercar-sc-seguir{
  display:block; width:100%; margin-top:10px; background:none; border:none;
  cursor:pointer; font-family:var(--pc-mono); font-size:10.5px;
  letter-spacing:0.06em; text-transform:uppercase; color:var(--pc-gris);
}
.baterias_powercar-sc-seguir:hover{color:var(--pc-texto);}

.baterias_powercar-sc-vacio{text-align:center; padding:28px 0;}
.baterias_powercar-sc-vacio p{font-size:13px; color:#c9c4b8; margin:10px 0 20px;}

/* Mientras el servidor responde, el cuerpo se atenúa y no acepta más clics: sin
   esto, tres toques rápidos en «+» mandan tres peticiones y gana la última que
   conteste, que no tiene por qué ser la última que se pidió. */
.baterias_powercar-sc-cuerpo[data-pc-sc-espera]{opacity:0.5; pointer-events:none;}