/* Autozone 505 · sitio web (v3, Slate). Negro premium + rojo de marca.
   Titulares en Barlow Condensed, texto en Montserrat. Movil primero. */
:root{
  --negro:#0A0A0B; --negro-2:#121214; --negro-3:#1A1A1E; --borde-osc:#2A2A30; --gris-osc:#9A9AA3;
  --rojo:#E1131B; --rojo-2:#B80E14; --rojo-suave:#FDEBEC;
  --fondo:#F4F4F5; --blanco:#FFFFFF; --linea:#E4E4E7; --texto:#111114; --tenue:#6B6B73;
  --ok:#15803D; --ok-bg:#E7F6EC; --warn:#B45309; --warn-bg:#FEF3E2; --err:#B91C1C; --err-bg:#FDECEC; --info:#1D4ED8; --info-bg:#E8EFFD;
  --r:12px; --sombra:0 1px 2px rgba(10,10,11,.06),0 8px 22px rgba(10,10,11,.07); --sombra-2:0 18px 40px rgba(10,10,11,.22);
  --display:'Barlow Condensed','Arial Narrow',Impact,sans-serif;
  --font:'Montserrat',-apple-system,'Segoe UI',Roboto,Arial,sans-serif; --ancho:1280px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--font);font-size:15px;line-height:1.55;color:var(--texto);background:var(--fondo);-webkit-font-smoothing:antialiased;overflow-x:hidden}
input,select,textarea,button{font:inherit;color:inherit}
a{color:var(--rojo)}
img{max-width:100%;display:block}
h1,h2,h3{line-height:1.12;margin:0 0 .5em}
p{margin:0 0 1em}
.tenue{color:var(--tenue)}.centro{text-align:center}
.trampa{position:absolute;left:-5000px;width:1px;height:1px;opacity:0}
.oculto{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:focus-visible{outline:3px solid rgba(225,19,27,.5);outline-offset:2px}
.cont{max-width:var(--ancho);margin:0 auto;padding:0 20px}
.ico{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* Titulares */
.display{font-family:var(--display);font-weight:800;text-transform:uppercase;letter-spacing:.2px;line-height:.95}
.rojo{color:var(--rojo)}
.eyebrow{display:block;font-size:12px;font-weight:600;letter-spacing:3.2px;text-transform:uppercase;color:var(--tenue);margin-bottom:6px}
.sec-tit{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:8px 16px;margin-bottom:18px}
.sec-tit h2{font-family:var(--display);font-weight:800;font-size:clamp(26px,3.4vw,36px);text-transform:uppercase;margin:0;display:flex;align-items:center;gap:14px}
.sec-tit h2::after{content:"";width:34px;height:3px;background:var(--rojo);flex:none}
.sec-tit a{font-weight:700;font-size:14px;color:var(--texto);text-decoration:none;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}
.sec-tit a:hover{color:var(--rojo)}
.oscuro .sec-tit h2,.oscuro .sec-tit a{color:#fff}.oscuro .eyebrow{color:var(--gris-osc)}

/* Botones */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border-radius:6px;border:0;background:var(--rojo);color:#fff;font-weight:700;text-decoration:none;cursor:pointer;transition:background .15s,transform .05s,box-shadow .15s;line-height:1.2;font-size:15px}
.btn:hover{background:var(--rojo-2);box-shadow:0 10px 22px -10px rgba(225,19,27,.8)}
.btn:active{transform:translateY(1px)}
.btn:disabled,.btn.deshab{opacity:.55;cursor:not-allowed}
.btn.borde{background:transparent;border:1.5px solid rgba(255,255,255,.75);color:#fff}.btn.borde:hover{background:#fff;color:var(--negro);box-shadow:none}
.btn.claro{background:#fff;color:var(--negro)}.btn.claro:hover{background:#EDEDEF;box-shadow:none}
.btn.sec{background:#fff;color:var(--texto);border:1.5px solid var(--linea)}.btn.sec:hover{background:var(--fondo);box-shadow:none}
.btn.oscuro-btn{background:var(--negro);color:#fff}.btn.oscuro-btn:hover{background:#26262B}
.btn.grande{padding:15px 28px;font-size:16px}
.btn.ancho{width:100%;margin-top:10px}
.btn .ico{width:18px;height:18px}
.enlace{border:0;background:none;color:var(--rojo);font-weight:700;cursor:pointer;padding:6px 0;text-decoration:underline}
.peligro{color:var(--err)!important}

/* Aviso superior y franja */
.aviso-sup{background:var(--rojo);color:#fff;text-align:center;font-weight:700;font-size:13px;padding:7px 16px}
.aviso-sup a{color:#fff}
.franja{background:#000;color:#C9C9CF;font-size:12.5px}
.franja .cont{display:flex;align-items:center;gap:22px;min-height:38px}
.franja span,.franja a{display:inline-flex;align-items:center;gap:7px;color:inherit;text-decoration:none}
.franja .ico{width:16px;height:16px}
.franja .der{margin-left:auto;display:flex;gap:16px}
.franja a:hover{color:#fff}

/* Cabecera */
.cab{position:sticky;top:0;z-index:40;background:var(--negro);color:#fff;border-bottom:1px solid #1E1E22;transition:box-shadow .2s}
.cab.sombra{box-shadow:0 10px 30px rgba(0,0,0,.45)}
.cab-in{display:flex;align-items:center;gap:22px;min-height:76px}
.logo{display:inline-flex;align-items:center;gap:6px;color:#fff;text-decoration:none;flex:none}
.logo b{font-family:var(--display);font-weight:800;font-size:20px;line-height:.86;letter-spacing:.5px}
.logo i{font-style:normal;font-family:var(--display);font-weight:800;font-size:44px;line-height:.8;color:var(--rojo);letter-spacing:-1px}
.nav{display:flex;align-items:center;gap:4px;flex:1}
.nav>a,.nav>.desp>button{display:inline-flex;align-items:center;gap:5px;padding:10px 12px;color:#fff;text-decoration:none;font-weight:600;font-size:14px;background:none;border:0;cursor:pointer;border-radius:6px;white-space:nowrap}
.nav>a:hover,.nav>.desp>button:hover,.nav>a.on{color:var(--rojo)}
.nav .ico{width:14px;height:14px}
.desp{position:relative}
.menu-desp{position:absolute;left:0;top:calc(100% + 10px);min-width:520px;background:#fff;color:var(--texto);border-radius:10px;box-shadow:var(--sombra-2);padding:18px;display:none;grid-template-columns:1fr 1fr;gap:4px 18px;z-index:5}
.menu-desp::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.desp:hover .menu-desp,.desp.abierto .menu-desp{display:grid}
.menu-desp a{display:flex;flex-direction:column;padding:9px 10px;border-radius:8px;color:var(--texto);text-decoration:none;font-weight:700;font-size:14px}
.menu-desp a small{font-weight:500;color:var(--tenue);font-size:12px}
.menu-desp a:hover{background:var(--fondo);color:var(--rojo)}
.menu-desp .todo{grid-column:1/-1;border-top:1px solid var(--linea);margin-top:6px;padding-top:12px;color:var(--rojo)}
.nav>a.btn{margin-left:auto;padding:10px 16px;font-size:14px;background:var(--rojo);color:#fff}
.nav>a.btn:hover{background:var(--rojo-2);color:#fff}
.cab-acc{display:flex;align-items:center;gap:6px}
.cab-acc a,.cab-acc button{position:relative;display:inline-flex;align-items:center;gap:8px;color:#fff;text-decoration:none;font-weight:600;font-size:13px;padding:8px;border:0;background:none;cursor:pointer;border-radius:8px}
.cab-acc a:hover,.cab-acc button:hover{color:var(--rojo)}
.cab-acc .ico{width:24px;height:24px}
.burbuja{position:absolute;top:1px;left:22px;min-width:19px;height:19px;border-radius:10px;background:var(--rojo);color:#fff;font-size:11px;font-weight:800;display:grid;place-items:center;padding:0 5px}
.burbuja.vacia{background:#3A3A40}
.menu-btn{display:none!important}
.buscador{position:relative;flex:1 1 220px;max-width:380px;min-width:0}
.buscador form{display:flex;background:#fff;border-radius:6px;overflow:hidden}
.buscador input{flex:1;border:0;padding:11px 14px;font-size:14px;min-width:0;background:#fff;color:var(--texto)}
.buscador input:focus{outline:none}
.buscador button{border:0;background:#fff;color:var(--texto);padding:0 14px;cursor:pointer}
.sugerencias{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;color:var(--texto);border-radius:10px;box-shadow:var(--sombra-2);display:none;overflow:hidden;z-index:6}
.sugerencias.abierta{display:block}
.sugerencias a{display:grid;grid-template-columns:44px 1fr auto;gap:10px;align-items:center;padding:8px 12px;color:var(--texto);text-decoration:none;font-size:13px}
.sugerencias a.sel,.sugerencias a:hover{background:var(--fondo)}
.sugerencias img{width:44px;height:44px;object-fit:contain;background:var(--fondo);border-radius:6px}
.sugerencias small{display:block;color:var(--tenue);font-size:11px}
.sugerencias .todo{display:block;text-align:center;font-weight:700;color:var(--rojo);padding:10px;border-top:1px solid var(--linea)}
.sugerencias .nada{padding:14px;color:var(--tenue);font-size:13px}

/* Hero */
.hero{position:relative;background:#050506 center/cover no-repeat;color:#fff;overflow:hidden;isolation:isolate}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,6,.96) 0%,rgba(5,5,6,.82) 38%,rgba(5,5,6,.25) 70%,rgba(5,5,6,.65) 100%),linear-gradient(0deg,rgba(5,5,6,.95) 0%,rgba(5,5,6,0) 35%);z-index:-1}
.hero-in{display:grid;grid-template-columns:1fr auto;align-items:center;gap:30px;min-height:min(78vh,620px);padding-top:56px;padding-bottom:30px}
.hero h1{font-size:clamp(46px,7.4vw,100px);margin:6px 0 16px}
.hero .eyebrow{color:#D0D0D6;letter-spacing:6px}
.hero p.lead{font-size:clamp(16px,1.6vw,19px);max-width:520px;color:#E6E6EA}
.hero .acc{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.hero-palabras{font-family:var(--display);font-weight:500;font-size:clamp(22px,2.6vw,34px);line-height:1.18;text-transform:uppercase;letter-spacing:1px;border-left:0;text-align:left}
.hero-palabras span{display:block}
.hero-palabras::after{content:"";display:block;width:36px;height:3px;background:var(--rojo);margin:18px 0 12px}
.hero-palabras small{display:block;font-family:var(--font);font-size:11px;letter-spacing:4px;color:#B9B9C0;line-height:1.7}
.beneficios{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:22px 0 30px;border-top:1px solid rgba(255,255,255,.08)}
.beneficio{display:flex;align-items:center;gap:12px;font-size:13.5px;font-weight:600;line-height:1.3;color:#E6E6EA}
.beneficio .ico{width:30px;height:30px;stroke-width:1.5;color:#fff}

/* Franja de marcas */
.marcas-franja{background:#fff;border-bottom:1px solid var(--linea)}
.marcas-franja .cont{display:flex;align-items:center;gap:clamp(18px,3vw,44px);overflow-x:auto;padding-top:22px;padding-bottom:22px;scrollbar-width:none}
.marcas-franja .cont::-webkit-scrollbar{display:none}
.wordmark{flex:none;font-family:var(--display);font-weight:800;font-size:28px;text-transform:uppercase;color:var(--negro);text-decoration:none;letter-spacing:.5px;white-space:nowrap;transition:color .15s}
.wordmark:hover{color:var(--rojo)}
.wordmark img{height:34px;width:auto}
.marcas-franja .sep{flex:none;width:1px;height:36px;background:var(--linea)}
.marcas-franja .prox{flex:none;display:flex;align-items:center;gap:clamp(14px,2vw,30px)}
.marcas-franja .prox small{font-size:10px;letter-spacing:2px;color:var(--tenue);text-transform:uppercase;writing-mode:horizontal-tb}
.marcas-franja .prox .wordmark{color:#9A9AA3}

/* Secciones */
.seccion{padding:clamp(36px,5vw,64px) 0}
.seccion.blanca{background:#fff}
.seccion.oscuro{background:var(--negro);color:#fff}
.pagina-cab{background:var(--negro) center/cover no-repeat;color:#fff;position:relative;isolation:isolate;padding:34px 0 36px}
.pagina-cab::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,10,11,.95),rgba(10,10,11,.72));z-index:-1}
.pagina-cab h1{font-family:var(--display);font-weight:800;text-transform:uppercase;font-size:clamp(34px,5vw,58px);margin:4px 0 8px}
.pagina-cab p{color:#D7D7DC;max-width:720px;margin:0}
.migas{display:flex;flex-wrap:wrap;gap:6px;font-size:12.5px;color:#B9B9C0;margin:0;padding:0;list-style:none}
.migas li+li::before{content:"›";margin-right:6px;color:#6B6B73}
.migas a{color:#D7D7DC;text-decoration:none}.migas a:hover{color:#fff}
.claro-migas .migas,.claro-migas .migas a{color:var(--tenue)}

/* Mosaicos (marcas y necesidades) */
.mosaico{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.mosaico.n3{grid-template-columns:repeat(3,minmax(0,1fr))}
.mosaico.n8{grid-template-columns:repeat(8,minmax(0,1fr));gap:10px}
.tile{position:relative;display:flex;flex-direction:column;justify-content:flex-end;aspect-ratio:4/5;border-radius:10px;overflow:hidden;background:linear-gradient(145deg,#26262B,#0A0A0B);color:#fff;text-decoration:none;isolation:isolate}
.tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .5s ease}
.tile::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,5,6,.95) 0%,rgba(5,5,6,.45) 45%,rgba(5,5,6,.1) 100%);z-index:-1}
.tile:hover img{transform:scale(1.06)}
.tile-txt{padding:14px 14px 16px}
.tile b{display:block;overflow-wrap:anywhere;hyphens:auto;font-family:var(--display);font-weight:800;font-size:clamp(20px,2vw,26px);text-transform:uppercase;line-height:1}
.tile small{display:flex;align-items:center;justify-content:space-between;gap:6px;color:#D2D2D8;font-size:12px;margin-top:4px;line-height:1.3}
.tile small .ico{width:16px;height:16px;color:#fff;flex:none}
.tile .pill{position:absolute;top:12px;left:12px;background:#fff;color:var(--negro);font-size:10.5px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;padding:4px 9px;border-radius:20px}
.tile.marca b{font-size:clamp(26px,2.6vw,34px)}
.mosaico.n8 .tile{aspect-ratio:3/4}
.mosaico.n8 .tile b{font-size:18px}

/* Tarjetas de producto */
.rejilla{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.rejilla.n3{grid-template-columns:repeat(3,minmax(0,1fr))}
.tarjeta{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--linea);border-radius:10px;overflow:hidden;transition:box-shadow .2s,transform .2s,border-color .2s}
.tarjeta:hover{box-shadow:var(--sombra-2);transform:translateY(-3px);border-color:#D4D4D8}
.t-img{display:block;aspect-ratio:1/1;background:#F7F7F8;padding:14px}
.t-img img{width:100%;height:100%;object-fit:contain}
.t-cuerpo{display:flex;flex-direction:column;gap:3px;padding:12px 14px 14px;flex:1}
.t-marca{font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--tenue)}
.tarjeta h3{font-size:14px;font-weight:600;line-height:1.3;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:36px}
.tarjeta h3 a{color:var(--texto);text-decoration:none}
.tarjeta h3 a::after{content:"";position:absolute;inset:0}
.t-pres{font-size:12px;color:var(--tenue)}
.t-pie{margin-top:auto;padding-top:8px;display:flex;flex-direction:column;gap:8px}
.precio{font-size:20px;font-weight:800;letter-spacing:-.2px}
.precio small{font-size:11px;font-weight:600;color:var(--tenue);margin-left:4px}
.sin-precio{font-size:13px;font-weight:600;color:var(--tenue)}
/* v9: precio empresa */
.t-precio{line-height:1.25}
.et-empresa{display:table;font-size:10.5px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:var(--ok);background:var(--ok-bg);border-radius:5px;padding:2px 7px;margin-bottom:4px}
.precio-regular{font-size:13px;font-weight:600;color:var(--tenue);margin-left:8px;white-space:nowrap}
.c-precio .et-empresa{margin-top:4px}
.nota.ok{color:var(--ok)}
.acc{display:flex;flex-wrap:wrap;gap:12px}
.pasos-empresa{list-style:none;counter-reset:pe;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:0;margin:0}
.pasos-empresa li{counter-increment:pe;background:#fff;border-radius:14px;padding:20px 20px 20px 64px;position:relative;box-shadow:0 1px 3px rgba(0,0,0,.06)}
.pasos-empresa li::before{content:counter(pe);position:absolute;left:18px;top:18px;width:32px;height:32px;border-radius:50%;background:var(--rojo);color:#fff;font-weight:800;display:grid;place-items:center}
.pasos-empresa b{display:block;margin-bottom:4px}.pasos-empresa span{color:var(--tenue);font-size:14px}
@media (max-width:760px){.pasos-empresa{grid-template-columns:1fr}}
.btn-agregar{position:relative;z-index:2;width:100%;padding:10px 12px;font-size:13.5px;border-radius:5px}
.btn-agregar.hecho{background:var(--ok)}
.btn-avisame{position:relative;z-index:2;width:100%;padding:10px 12px;font-size:13px;border-radius:5px}
.disp{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700}
.disp i{width:8px;height:8px;border-radius:50%;background:currentColor}
.disp.ok{color:var(--ok)}.disp.warn{color:var(--warn)}.disp.err{color:var(--err)}.disp.info{color:var(--info)}
.carrusel{position:relative}
.carrusel .rejilla{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 70px)/6);grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 2px 10px}
.carrusel .rejilla::-webkit-scrollbar{display:none}
.carrusel .tarjeta{scroll-snap-align:start}
.car-btn{position:absolute;top:40%;z-index:3;width:42px;height:42px;border-radius:50%;border:1px solid var(--linea);background:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:var(--sombra)}
.car-btn.izq{left:-14px}.car-btn.der{right:-14px}
.car-btn:hover{border-color:var(--rojo);color:var(--rojo)}
.esqueleto{background:linear-gradient(90deg,#EEE 25%,#F6F6F7 37%,#EEE 63%);background-size:400% 100%;animation:brillo 1.3s ease infinite;border-radius:10px;min-height:330px}
@keyframes brillo{0%{background-position:100% 50%}100%{background-position:0 50%}}

/* Bloques promocionales */
.promos{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.promo{position:relative;min-height:250px;border-radius:12px;overflow:hidden;background:#0A0A0B center/cover no-repeat;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:clamp(22px,3vw,36px);isolation:isolate}
.promo::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,6,.95) 30%,rgba(5,5,6,.35));z-index:-1}
.promo.roja::before{background:linear-gradient(90deg,rgba(150,8,14,.96) 25%,rgba(10,10,11,.4))}
.promo h2{font-family:var(--display);font-weight:800;text-transform:uppercase;font-size:clamp(28px,3vw,38px);margin:0 0 8px;max-width:440px}
.promo p{max-width:380px;color:#E6E6EA}
.promo .btn{align-self:flex-start}

/* Ventajas B2B y listas */
.ventajas-iconos{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.vi{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:18px 12px;background:#fff;border:1px solid var(--linea);border-radius:10px;font-weight:700;font-size:13.5px}
.vi .ico{width:34px;height:34px;color:var(--rojo);stroke-width:1.5}
.vi span{font-weight:500;color:var(--tenue);font-size:12.5px}
.lista-check{list-style:none;padding:0;margin:0}
.lista-check li{position:relative;padding:7px 0 7px 28px}
.lista-check li::before{content:"";position:absolute;left:0;top:11px;width:16px;height:16px;border-radius:50%;background:var(--rojo) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/11px no-repeat}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0;padding:0;list-style:none}
.chips li,.chips a{border:1px solid rgba(255,255,255,.25);color:#fff;border-radius:20px;padding:6px 12px;font-size:12.5px;font-weight:600;text-decoration:none}
.chips a:hover{background:#fff;color:var(--negro)}
.dos-col{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,4vw,48px);align-items:start}
.caja{background:#fff;border:1px solid var(--linea);border-radius:12px;padding:clamp(18px,3vw,28px)}
.caja h2{font-size:20px}
.foto-redonda{border-radius:12px;overflow:hidden}
.foto-redonda img{width:100%;height:100%;object-fit:cover}
.galeria-tienda{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:12px;height:clamp(320px,42vw,520px)}
.galeria-tienda .foto-redonda:first-child{grid-row:1/3}

/* Catalogo */
.catalogo{display:grid;grid-template-columns:250px 1fr;gap:22px;align-items:start}
.filtros{background:#fff;border:1px solid var(--linea);border-radius:10px;padding:6px 16px 16px;position:sticky;top:96px}
.filtros-btn{display:none}
.filtro{border-bottom:1px solid var(--linea);padding:12px 0}
.filtro:last-child{border:0}
.filtro h3{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.8px;margin:0 0 8px}
.filtro label{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:500;margin:4px 0;cursor:pointer}
.filtro label span{margin-left:auto;color:var(--tenue);font-size:12px}
.filtro input[type=checkbox],.filtro input[type=radio]{accent-color:var(--rojo);width:16px;height:16px}
.filtro .rango{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.filtro .rango input{width:100%;padding:8px;border:1.5px solid var(--linea);border-radius:6px;font-size:13px}
.res-barra{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}
.res-barra b{font-size:14px}
.res-barra select{padding:9px 12px;border:1.5px solid var(--linea);border-radius:6px;background:#fff;font-weight:600;font-size:13.5px}
.filtros-activos{display:flex;flex-wrap:wrap;gap:6px}
.filtros-activos button{border:1px solid var(--linea);background:#fff;border-radius:20px;padding:5px 10px;font-size:12.5px;font-weight:600;cursor:pointer}
.filtros-activos button::after{content:" ✕";color:var(--tenue)}
.paginacion{display:flex;justify-content:center;gap:6px;margin-top:22px}
.paginacion button{min-width:40px;height:40px;border:1px solid var(--linea);background:#fff;border-radius:6px;font-weight:700;cursor:pointer}
.paginacion button.on{background:var(--negro);color:#fff;border-color:var(--negro)}
.vacio{background:#fff;border:1px dashed #D4D4D8;border-radius:12px;padding:34px 20px;text-align:center;color:var(--tenue)}
.vacio b{display:block;color:var(--texto);font-size:17px;margin-bottom:4px}
.vacio.grande{padding:56px 20px}
.cargando{display:flex;align-items:center;justify-content:center;gap:10px;padding:40px;color:var(--tenue);font-weight:600}
.cargando i{width:18px;height:18px;border-radius:50%;border:2.5px solid var(--linea);border-top-color:var(--rojo);animation:girar .8s linear infinite}
@keyframes girar{to{transform:rotate(360deg)}}

/* Ficha de producto */
.ficha{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(20px,4vw,48px);background:#fff;border:1px solid var(--linea);border-radius:12px;padding:clamp(16px,3vw,30px)}
.galeria{display:grid;grid-template-columns:72px 1fr;gap:12px;align-items:start}
.miniaturas{display:flex;flex-direction:column;gap:8px}
.miniaturas button{width:72px;height:72px;border:1.5px solid var(--linea);border-radius:8px;background:#F7F7F8;padding:4px;cursor:pointer}
.miniaturas button.on{border-color:var(--rojo)}
.miniaturas img{width:100%;height:100%;object-fit:contain}
.foto-principal{aspect-ratio:1/1;background:#F7F7F8;border-radius:10px;overflow:hidden;cursor:zoom-in}
.foto-principal img{width:100%;height:100%;object-fit:contain;transition:transform .2s;transform-origin:var(--zx,50%) var(--zy,50%)}
.foto-principal.zoom-on img{transform:scale(1.9)}
.f-marca{font-size:12px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--tenue);text-decoration:none}
.ficha h1{font-size:clamp(24px,2.6vw,32px);font-weight:800;margin:4px 0 8px}
.f-precio{display:flex;align-items:center;flex-wrap:wrap;gap:12px 18px;margin:14px 0}
.f-precio .precio{font-size:32px}
.f-sku{font-size:12px;color:var(--tenue)}
.f-pres{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 14px}
.f-pres a{padding:9px 14px;border:1.5px solid var(--linea);border-radius:6px;color:var(--texto);text-decoration:none;font-weight:700;font-size:13.5px}
.f-pres a.on{border-color:var(--rojo);color:var(--rojo)}
.f-pres a.agotado{opacity:.5}
.f-compra{display:flex;gap:10px;align-items:stretch;margin:6px 0 16px}
.cantidad{display:inline-flex;align-items:center;border:1.5px solid var(--linea);border-radius:6px;overflow:hidden;background:#fff}
.cantidad button{width:38px;height:44px;border:0;background:none;font-size:18px;cursor:pointer}
.cantidad input{width:46px;border:0;text-align:center;font-weight:700;-moz-appearance:textfield}
.cantidad input::-webkit-inner-spin-button{display:none}
.f-compra .btn{flex:1}
.f-garantias{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;border-top:1px solid var(--linea);padding-top:14px;margin-top:6px}
.f-garantias div{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;line-height:1.3}
.f-garantias .ico{color:var(--rojo);width:24px;height:24px}
.pestanas-f{display:flex;gap:4px;border-bottom:2px solid var(--linea);margin:26px 0 14px;overflow-x:auto}
.pestanas-f button{border:0;background:none;padding:10px 14px;font-weight:700;color:var(--tenue);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;white-space:nowrap}
.pestanas-f button.on{color:var(--rojo);border-bottom-color:var(--rojo)}
.f-panel{font-size:14.5px;line-height:1.7}
.f-panel table{border-collapse:collapse;width:100%;max-width:520px}.f-panel td{padding:7px 0;border-bottom:1px solid var(--linea)}.f-panel td:first-child{color:var(--tenue);width:40%}
.avisame{background:var(--fondo);border-radius:10px;padding:14px;margin:10px 0}

/* Carrito y pedido */
.carrito,.pedido-grid{display:grid;grid-template-columns:1fr 360px;gap:20px;align-items:start}
.c-lineas{display:flex;flex-direction:column;gap:10px}
.c-linea{display:grid;grid-template-columns:84px 1fr auto auto auto;gap:14px;align-items:center;background:#fff;border:1px solid var(--linea);border-radius:10px;padding:12px}
.c-linea img{width:84px;height:84px;object-fit:contain;border-radius:8px;background:#F7F7F8}
.c-linea.con-problema{outline:2px solid #FCA5A5}
.c-info{display:flex;flex-direction:column;gap:2px;min-width:0}.c-info small{font-size:11px;font-weight:800;color:var(--tenue);text-transform:uppercase}
.c-info a{color:var(--texto);text-decoration:none}.c-info span{font-size:13px;color:var(--tenue)}
.c-precio{text-align:right}.c-precio b{display:block}.c-precio small{color:var(--tenue);font-size:12px}
.c-quitar{border:0;background:none;color:var(--tenue);font-size:16px;cursor:pointer;padding:8px}
.c-quitar:hover{color:var(--err)}
.c-resumen{background:#fff;border:1px solid var(--linea);border-radius:10px;padding:20px;position:sticky;top:96px}
.c-resumen h2{font-size:18px}
.totales{display:grid;grid-template-columns:1fr auto;gap:6px;margin:12px 0}.totales dt{color:var(--tenue)}.totales dd{margin:0;text-align:right;font-weight:600}
.totales .total{font-size:19px;font-weight:800;color:var(--texto);border-top:1px solid var(--linea);padding-top:8px}
.c-resumen .tenue{font-size:12px;margin-top:12px}
.confianza{list-style:none;padding:12px 0 0;margin:12px 0 0;border-top:1px solid var(--linea);font-size:12.5px;display:grid;gap:6px}
.confianza li{display:flex;gap:8px;align-items:center}.confianza .ico{width:16px;height:16px;color:var(--ok)}
.r-linea{display:grid;grid-template-columns:auto 1fr auto;gap:8px;font-size:13px;padding:6px 0;border-bottom:1px solid #F1F1F3}.r-linea em{font-style:normal;font-weight:700}
.pasos{display:flex;gap:6px;list-style:none;padding:0;margin:0 0 18px;overflow-x:auto}
.pasos li{flex:1;min-width:110px;display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:8px;background:#fff;color:var(--tenue);font-weight:700;font-size:13px;border:1px solid var(--linea)}
.pasos i{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--fondo);font-style:normal;font-size:12px}
.pasos li.actual{color:var(--texto);border-color:var(--rojo)}.pasos li.actual i{background:var(--rojo);color:#fff}
.pasos li.hecho i{background:var(--ok);color:#fff}
.pedido-paso{background:#fff;border:1px solid var(--linea);border-radius:10px;padding:22px}
.pedido-paso h3{margin-top:20px}
.opciones-entrega{display:grid;gap:10px;margin:12px 0}
.op{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;align-items:center;padding:14px;border:1.5px solid var(--linea);border-radius:8px;cursor:pointer;margin:0}
.op:has(input:checked){border-color:var(--rojo);background:var(--rojo-suave)}
.op input{grid-row:span 2;accent-color:var(--rojo);width:18px;height:18px;margin:0}.op span{font-size:13px;color:var(--tenue);font-weight:500}
.revision{display:grid;grid-template-columns:auto 1fr;gap:8px 16px}.revision dt{color:var(--tenue)}.revision dd{margin:0;font-weight:600}
.acciones{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.acciones.centro{justify-content:center}
.confirmado{background:#fff;border:1px solid var(--linea);border-radius:14px;padding:36px 22px;text-align:center}
.confirmado .check{width:72px;height:72px;margin:0 auto 12px;border-radius:50%;background:var(--ok);color:#fff;font-size:38px;display:grid;place-items:center;animation:subir .4s ease}
.confirmado .numero{display:inline-block;font-size:26px;letter-spacing:1px;background:var(--fondo);padding:10px 18px;border-radius:8px;margin:4px 0 12px}
@keyframes subir{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* Orden de compra (v7) */
.pedido-paso.solo{max-width:820px;margin:0 auto}
.dos-op{grid-template-columns:1fr 1fr}
.opciones-pago .op span{white-space:pre-line}
.op.principal{border-width:2px;padding:16px}.op.principal b{font-size:16px}
.sello{display:inline-block;margin-left:6px;padding:2px 8px;border-radius:10px;background:var(--rojo);color:#fff;font-style:normal;font-size:11px;font-weight:800;letter-spacing:.3px;vertical-align:middle}
.orden-ok{display:flex;gap:12px;align-items:center;padding:14px 16px;border-radius:10px;background:var(--ok-bg);color:var(--ok);margin-bottom:6px}
.orden-ok .ico{width:26px;height:26px;flex:none}.orden-ok b{display:block;color:var(--texto)}.orden-ok span{font-size:13px;color:var(--tenue)}
.pasos-sig{background:var(--fondo);border-radius:10px;padding:14px 16px;margin:16px 0;font-size:14px}.pasos-sig ol{margin:8px 0 0;padding-left:20px}.pasos-sig li{margin:4px 0}
.pasos-sig.izq{text-align:left;max-width:560px;margin:16px auto}.pasos-sig p{margin:6px 0 0;white-space:pre-line}
.pago-caja{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;align-items:center;border:1.5px solid var(--warn);background:var(--warn-bg);border-radius:10px;padding:14px 16px;margin:14px 0}
.pago-caja.ok{border-color:var(--ok);background:var(--ok-bg)}.pago-caja small{display:block;font-size:11px;font-weight:800;text-transform:uppercase;color:var(--tenue)}
.pago-caja b{display:block;font-size:17px}.pago-caja span{font-size:13px;color:var(--tenue)}.pago-caja p{margin:6px 0 0;font-size:13px;white-space:pre-line}.pago-caja .acciones{margin:0}
.doc-vista{margin-top:20px;border:1px solid var(--linea);border-radius:10px;overflow:hidden}
.doc-barra{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;background:var(--fondo);font-size:13px}
.doc-orden{background:#fff;padding:24px;font-size:13px;color:var(--texto)}
.doc-orden header{display:flex;justify-content:space-between;gap:16px;border-bottom:3px solid var(--rojo);padding-bottom:12px}
.doc-marca b{display:block;font-family:var(--display);font-size:26px;letter-spacing:.5px;line-height:1}.doc-marca b span{color:var(--rojo)}
.doc-marca small,.doc-titulo small{display:block;color:var(--tenue);font-size:11.5px}
.doc-titulo{text-align:right}.doc-titulo h3{margin:0;font-family:var(--display);font-size:22px;text-transform:uppercase;letter-spacing:.5px}
.doc-estado{display:inline-block;margin-top:6px;padding:2px 10px;border-radius:10px;background:var(--info-bg);color:var(--info);font-size:11px;font-weight:800}
.doc-estado.borrador{background:var(--warn-bg);color:var(--warn)}
.doc-datos{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:14px 0}.doc-datos small{display:block;font-size:10.5px;font-weight:800;text-transform:uppercase;color:var(--tenue)}
.doc-datos b,.doc-datos span{display:block}.doc-datos span{color:var(--tenue)}
.doc-orden table{width:100%;border-collapse:collapse}.doc-orden th{text-align:left;font-size:11px;text-transform:uppercase;color:var(--tenue);border-bottom:1px solid var(--linea);padding:6px 4px}
.doc-orden td{padding:7px 4px;border-bottom:1px solid #F1F1F3;vertical-align:top}.doc-orden td small{display:block;color:var(--tenue);font-size:11px}.doc-orden .num{text-align:right;white-space:nowrap}
.doc-orden .totales{max-width:280px;margin-left:auto}.doc-nota{background:var(--fondo);padding:8px 10px;border-radius:6px}
.doc-orden footer{margin-top:16px;padding-top:10px;border-top:1px solid var(--linea);font-size:11.5px;color:var(--tenue)}
.solo-imprimir,#zona-impresion{display:none}
@media print{
  body.imprime-doc>*:not(#zona-impresion){display:none!important}
  body.imprime-doc{background:#fff}
  body.imprime-doc #zona-impresion{display:block}
  body.imprime-doc .doc-orden{padding:0;font-size:12px}
  @page{margin:14mm}
}
}

/* Formularios */
label{display:block;font-size:13px;font-weight:600;margin:12px 0 0}
label input,label select,label textarea{display:block;width:100%;margin-top:6px;padding:11px 13px;border:1.5px solid var(--linea);border-radius:6px;background:#fff;font-weight:500}
label input:focus,label select:focus,label textarea:focus{outline:none;border-color:var(--rojo);box-shadow:0 0 0 4px rgba(225,19,27,.12)}
.casilla{display:flex;align-items:flex-start;gap:8px;font-weight:500}.casilla input{width:auto;margin:3px 0 0;accent-color:var(--rojo)}
.dos{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.aviso{padding:12px 14px;border-radius:8px;margin:12px 0;font-size:14px}
.aviso.ok{background:var(--ok-bg);color:var(--ok)}.aviso.err{background:var(--err-bg);color:var(--err)}.aviso.warn{background:var(--warn-bg);color:var(--warn)}.aviso.info{background:var(--info-bg);color:var(--info)}
.nota{font-size:13px;margin:8px 0}.nota.err{color:var(--err)}.nota.warn{color:var(--warn)}.nota.info{color:var(--info)}
.caja-acceso{max-width:470px;margin:0 auto;background:#fff;border:1px solid var(--linea);border-radius:14px;padding:22px}
.pestanas{display:grid;grid-template-columns:1fr 1fr;background:var(--fondo);border-radius:8px;padding:4px;margin-bottom:6px}
.pestanas button{border:0;background:none;padding:10px;border-radius:6px;font-weight:700;cursor:pointer;color:var(--tenue)}
.pestanas button.on{background:#fff;color:var(--texto);box-shadow:var(--sombra)}
.tipo-cliente{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.tipo-cliente label{margin:0;display:flex;gap:8px;align-items:center;padding:11px;border:1.5px solid var(--linea);border-radius:8px;cursor:pointer}
.tipo-cliente label:has(input:checked){border-color:var(--rojo);background:var(--rojo-suave)}
.tipo-cliente input{accent-color:var(--rojo);width:auto;margin:0}
.boletin{display:flex;gap:8px;max-width:520px}
.boletin input{flex:1;min-width:0;padding:12px 14px;border:1.5px solid var(--linea);border-radius:6px}

/* Mi cuenta */
.mi-cuenta{display:grid;grid-template-columns:230px 1fr;gap:20px;align-items:start}
.mc-menu{background:#fff;border:1px solid var(--linea);border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:2px;position:sticky;top:96px}
.mc-menu b{padding:6px 10px 10px}
.mc-menu a{padding:9px 10px;border-radius:6px;color:var(--texto);text-decoration:none;font-weight:600}
.mc-menu a.on{background:var(--negro);color:#fff}
.mc-menu .enlace{text-align:left;padding:9px 10px}
#mc{background:#fff;border:1px solid var(--linea);border-radius:10px;padding:22px;min-height:300px}
.lista-pedidos{display:flex;flex-direction:column;gap:8px}
.pedido-fila{display:grid;grid-template-columns:1.2fr 1fr auto auto;gap:12px;align-items:center;padding:12px 14px;border:1px solid var(--linea);border-radius:8px;color:var(--texto);text-decoration:none}
.pedido-fila:hover{border-color:var(--rojo)}.pedido-fila em{font-style:normal;font-weight:700;text-align:right}.pedido-fila .pagado{display:block;font-size:11px;color:var(--ok);font-weight:800}
.estado{display:inline-block;padding:3px 10px;border-radius:12px;font-size:12px;font-weight:700;background:var(--info-bg);color:var(--info)}
.estado.e-confirmado,.estado.e-listo,.estado.e-entregado{background:var(--ok-bg);color:var(--ok)}
.estado.e-en_revision{background:var(--warn-bg);color:var(--warn)}.estado.e-cancelado{background:var(--err-bg);color:var(--err)}
.seguimiento{list-style:none;padding:0;margin:0;border-left:3px solid var(--linea)}
.seguimiento li{padding:4px 0 12px 16px;position:relative}
.seguimiento li::before{content:"";position:absolute;left:-8px;top:8px;width:13px;height:13px;border-radius:50%;background:var(--rojo);border:3px solid #fff}
.seguimiento span{display:block;font-size:12px;color:var(--tenue)}.seguimiento p{margin:4px 0 0;font-size:13.5px}
.tabla{overflow-x:auto}
.tabla table{width:100%;border-collapse:collapse;font-size:13.5px}.tabla th,.tabla td{text-align:left;padding:8px;border-bottom:1px solid var(--linea)}
.tabla th{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--tenue)}
.dir-tarjeta{border:1px solid var(--linea);border-radius:8px;padding:12px 14px;margin-bottom:8px;display:flex;flex-direction:column;gap:4px}

/* Textos, preguntas y sedes */
.texto{background:#fff;border:1px solid var(--linea);border-radius:12px;padding:clamp(18px,4vw,34px);max-width:860px}
.texto h2{font-size:20px;margin-top:22px}
.texto ul{padding-left:20px}.texto li{margin:6px 0}
.faq details{border-bottom:1px solid var(--linea);padding:16px 0}
.faq summary{font-weight:700;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:12px;font-size:15.5px}
.faq summary::after{content:"+";font-size:22px;color:var(--rojo);line-height:1}.faq details[open] summary::after{content:"−"}
.faq summary::-webkit-details-marker{display:none}
.faq details p{margin:10px 0 0;color:#3F3F46}
.sedes{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.sede{background:#fff;border:1px solid var(--linea);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:8px}
.sede h3{font-family:var(--display);font-weight:800;text-transform:uppercase;font-size:24px;margin:0}
.sede p{display:flex;gap:8px;align-items:flex-start;margin:0;font-size:14px}
.sede .ico{color:var(--rojo);margin-top:2px;width:18px;height:18px}
.sede .acciones{margin-top:8px}

/* Comunidad y pie */
.comunidad{background:#fff;border-top:1px solid var(--linea)}
.comunidad .cont{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;align-items:center;padding-top:26px;padding-bottom:26px}
.comunidad h2{font-family:var(--display);font-weight:800;text-transform:uppercase;font-size:24px;margin:0 0 4px;display:flex;gap:12px;align-items:center}
.comunidad h2::after{content:"";width:30px;height:3px;background:var(--rojo)}
.comunidad p{margin:0 0 10px;color:var(--tenue);font-size:14px}
.redes{display:flex;gap:10px;align-items:center}
.redes a{width:40px;height:40px;border-radius:50%;background:var(--negro);color:#fff;display:grid;place-items:center}
.redes a:hover{background:var(--rojo)}
.redes .ico{width:19px;height:19px}
.pie{background:#000;color:#B9B9C0;font-size:13.5px}
.pie-in{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1.3fr;gap:24px;padding-top:44px;padding-bottom:34px}
.pie h3{color:#fff;font-size:14px;margin:0 0 12px}
.pie a{display:block;color:#B9B9C0;text-decoration:none;padding:3px 0}.pie a:hover{color:#fff}
.pie .logo{display:inline-flex;margin-bottom:10px;padding:0}
.pie-contacto a,.pie-contacto span{display:flex;gap:8px;align-items:center;padding:4px 0}
.pie-contacto .ico{width:17px;height:17px;color:#fff}
.pie-bajo{border-top:1px solid #1E1E22}
.pie-bajo .cont{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:16px;padding-bottom:16px;font-size:12.5px;color:#7C7C85}

/* Flotantes */
.fab{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom));z-index:50;display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.fab-btn{width:58px;height:58px;border-radius:50%;border:0;background:#25D366;color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 10px 24px rgba(37,211,102,.45);animation:latido 3.2s ease-in-out infinite}
.fab-btn .ico{width:30px;height:30px;fill:#fff;stroke:none}
.fab-btn:hover{transform:scale(1.06)}
@keyframes latido{0%,90%,100%{box-shadow:0 10px 24px rgba(37,211,102,.45),0 0 0 0 rgba(37,211,102,.5)}95%{box-shadow:0 10px 24px rgba(37,211,102,.45),0 0 0 12px rgba(37,211,102,0)}}
.fab-menu{background:#fff;border-radius:12px;box-shadow:var(--sombra-2);padding:12px;min-width:240px;animation:subir .2s ease}
.fab-menu b{display:block;font-size:13px;margin-bottom:6px}
.fab-menu a{display:block;padding:10px 12px;border-radius:8px;color:var(--texto);text-decoration:none;font-weight:600;font-size:14px}
.fab-menu a:hover{background:#E9FBF0;color:#128C4A}
.subir{position:fixed;right:24px;bottom:calc(88px + env(safe-area-inset-bottom));z-index:49;width:44px;height:44px;border-radius:50%;border:0;background:#fff;color:var(--texto);font-size:18px;font-weight:800;box-shadow:var(--sombra-2);cursor:pointer}
.toasts{position:fixed;left:50%;transform:translateX(-50%);top:90px;z-index:70;display:flex;flex-direction:column;gap:8px;width:min(420px,92vw)}
.toast{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--negro);color:#fff;padding:12px 16px;border-radius:10px;box-shadow:var(--sombra-2);font-weight:600;font-size:14px;animation:subir .25s ease;transition:opacity .4s,transform .4s}
.toast.ok{border-left:5px solid #22C55E}.toast.err{border-left:5px solid #EF4444}.toast.warn{border-left:5px solid #F59E0B}
.toast a{color:#FCA5A5;font-weight:800;white-space:nowrap}
.toast.fuera{opacity:0;transform:translateY(-8px)}

/* Aparicion al hacer scroll (se repite) */
.revela{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
.revela.visible{opacity:1;transform:none}
.sin-js .revela{opacity:1;transform:none}

/* Escritorio mediano */
@media (max-width:1380px){
  .cab-acc a span.txt{display:none}
  .cab-in{gap:14px}
  .nav>a,.nav>.desp>button{padding:10px 9px}
}
@media (max-width:1280px){.nav>a.btn{display:none}}
/* Tableta */
@media (max-width:1180px){
  .nav>a.opcional{display:none}
  .mosaico.n8{grid-template-columns:repeat(4,minmax(0,1fr))}
  .carrusel .rejilla{grid-auto-columns:calc((100% - 42px)/4)}
  .pie-in{grid-template-columns:1fr 1fr 1fr}
  .ventajas-iconos{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:1000px){
  .nav{display:none}
  .menu-btn{display:inline-flex!important}
  body.menu-abierto .nav{display:flex;position:fixed;inset:0 0 0 auto;width:min(340px,88vw);flex-direction:column;align-items:stretch;background:var(--negro-2);padding:80px 18px 24px;overflow-y:auto;z-index:60;box-shadow:var(--sombra-2)}
  body.menu-abierto::after{content:"";position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:55}
  body.menu-abierto .cab{z-index:61}
  body.menu-abierto .nav>a,body.menu-abierto .nav>.desp>button{width:100%;justify-content:space-between;padding:13px 6px;border-bottom:1px solid #26262B;font-size:15px}
  body.menu-abierto .menu-desp{position:static;min-width:0;box-shadow:none;background:transparent;padding:0 0 8px 8px;grid-template-columns:1fr;display:none}
  body.menu-abierto .desp.abierto .menu-desp{display:grid}
  body.menu-abierto .desp:hover .menu-desp{display:none}
  body.menu-abierto .desp.abierto:hover .menu-desp{display:grid}
  body.menu-abierto .menu-desp a{color:#E6E6EA}
  body.menu-abierto .menu-desp a small{color:#8D8D96}
  body.menu-abierto .menu-desp a:hover{background:#1F1F24}
  body.menu-abierto .nav .btn{margin:16px 0 0}
  .cerrar-menu{position:absolute;top:18px;right:18px}
  .catalogo{grid-template-columns:1fr}
  .filtros{position:static;padding:0;border:0;background:none}
  .filtros-btn{display:inline-flex}
  .filtros-cuerpo{display:none;background:#fff;border:1px solid var(--linea);border-radius:10px;padding:6px 14px 14px;margin-top:10px}
  .filtros-cuerpo.abierto{display:block}
  .ficha{grid-template-columns:1fr}
  .carrito,.pedido-grid,.mi-cuenta,.dos-col,.sedes,.comunidad .cont{grid-template-columns:1fr}
  .c-resumen,.mc-menu{position:static}
  .rejilla{grid-template-columns:repeat(3,minmax(0,1fr))}
  .mosaico{grid-template-columns:repeat(3,minmax(0,1fr))}
  .hero-in{grid-template-columns:1fr}
  .hero-palabras{display:none}
  .beneficios{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.cerrar-menu{display:none}
body.menu-abierto .cerrar-menu{display:inline-flex}

/* Celular */
@media (max-width:720px){
  body{font-size:14.5px}
  .cont{padding:0 14px}
  .franja .izq-extra,.franja .der a:not(:first-child){display:none}
  .franja .cont{gap:14px;justify-content:space-between}
  .cab-in{flex-wrap:wrap;gap:8px 10px;min-height:0;padding-top:10px;padding-bottom:10px}
  .logo b{font-size:15px}.logo i{font-size:33px}
  .cab-acc{margin-left:auto}
  .cab-acc a span.txt{display:none}
  .buscador{order:3;flex-basis:100%;max-width:none}
  .rejilla{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .carrusel .rejilla{grid-auto-columns:calc((100% - 10px)/2);gap:10px}
  .car-btn{display:none}
  .t-cuerpo{padding:10px}
  .tarjeta h3{font-size:13px}
  .precio{font-size:17px}
  .mosaico,.mosaico.n3,.mosaico.n8{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .tile{aspect-ratio:1/1}
  .mosaico.n8 .tile b{font-size:16px}
  .promos{grid-template-columns:1fr}
  .ventajas-iconos{grid-template-columns:repeat(2,minmax(0,1fr))}
  .galeria{grid-template-columns:1fr}
  .miniaturas{flex-direction:row;order:2;overflow-x:auto}
  .miniaturas button{flex:none;width:60px;height:60px}
  .f-garantias{grid-template-columns:1fr}
  .c-linea{grid-template-columns:64px 1fr auto;grid-template-areas:"img info quitar" "img cant precio"}
  .c-linea img{width:64px;height:64px;grid-area:img}
  .c-linea .c-info{grid-area:info}.c-linea .cantidad{grid-area:cant;justify-self:start}.c-linea .c-precio{grid-area:precio}.c-linea .c-quitar{grid-area:quitar}
  .dos{grid-template-columns:1fr}
  .pedido-fila{grid-template-columns:1fr auto}
  .dos-op,.doc-datos{grid-template-columns:1fr}.doc-orden{padding:14px}.doc-orden header{flex-direction:column}.doc-titulo{text-align:left}
  .pie-in{grid-template-columns:1fr 1fr}
  .pie-in>div:first-child,.pie-contacto{grid-column:1/-1}
  .toasts{top:auto;bottom:90px}
  .galeria-tienda{grid-template-columns:1fr;grid-template-rows:auto;height:auto}
  .galeria-tienda .foto-redonda{aspect-ratio:16/10}
  .galeria-tienda .foto-redonda:first-child{grid-row:auto}
  .boletin{flex-direction:column}
  .hero-in{min-height:0;padding-top:40px}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.revela{opacity:1;transform:none}}