/* Tienda Geek de Videojuegos — plástico gris de consola, cartucho negro, botones de color */
@font-face{font-family:"Commissioner";src:url("../fonts/commissioner-latin.woff2") format("woff2");font-weight:300 700;font-display:swap}
@font-face{font-family:"Young Serif";src:url("../fonts/young-serif-latin.woff2") format("woff2");font-weight:400;font-display:swap}

:root{
  --gris:#E4E1D9;--papel:#F4F2EC;--blanco:#FFFFFF;--negro:#1C1B20;--grafito:#3A3940;--tenue:#55535B;
  --rojo:#D7263D;--rojo-osc:#B51E32;--azul:#2B59C3;--azul-osc:#21479E;--amarillo:#F2B630;
  --linea:#C9C5BB;--lado:272px;--max:1120px;--pad:20px;
  --sans:"Commissioner","Helvetica Neue",Arial,sans-serif;--serif:"Young Serif",Georgia,serif;
  --flot-bottom:16px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:80px}
body{margin:0;background:var(--gris);color:var(--negro);font-family:var(--sans);font-size:1.0625rem;line-height:1.6;font-weight:400}
img{max-width:100%;height:auto;display:block}
a{color:var(--azul-osc);text-underline-offset:3px}
a:hover{color:var(--rojo-osc)}
:focus-visible{outline:3px solid var(--azul);outline-offset:2px}
.skip{position:absolute;left:-999px;top:8px;background:var(--amarillo);color:var(--negro);padding:8px 14px;z-index:200;font-weight:600}
.skip:focus{left:8px}
h1,h2,h3{line-height:1.12;margin:0 0 .5em;font-weight:300;letter-spacing:-.02em}
h1{font-size:clamp(2.4rem,6.4vw,4.6rem)}
h2{font-size:clamp(1.8rem,3.6vw,2.7rem)}
h3{font-size:1.3rem;font-weight:600;letter-spacing:-.01em}
p{margin:0 0 1em}
.serif{font-family:var(--serif);font-weight:400}

/* ---------- Barra lateral (cartucho) ---------- */
.lado{background:var(--negro);color:var(--gris);position:sticky;top:0;z-index:50}
.lado__top{display:flex;align-items:center;justify-content:space-between;padding:10px var(--pad);gap:12px}
.marca{display:block;width:200px}
.marca img{width:100%}
.menu-btn{background:transparent;border:1px solid #5b5962;color:var(--gris);font:600 .95rem var(--sans);padding:10px 14px;min-height:44px;cursor:pointer;display:inline-flex;align-items:center;gap:8px}
.menu-btn span{display:block;width:18px;height:2px;background:currentColor;box-shadow:0 6px 0 currentColor,0 -6px 0 currentColor}
.lado__panel{display:none;padding:0 var(--pad) 24px;max-height:calc(100vh - 66px);overflow:auto}
.lado.abierto .lado__panel{display:block}
.estrias{height:22px;background:repeating-linear-gradient(180deg,#2c2b31 0 3px,var(--negro) 3px 6px);margin:0 0 18px}
.nav{list-style:none;margin:0 0 20px;padding:0;counter-reset:n}
.nav li{counter-increment:n;border-top:1px solid #34333a}
.nav a{display:flex;gap:14px;align-items:baseline;color:var(--gris);text-decoration:none;padding:11px 0;font-weight:500}
.nav a::before{content:counter(n,decimal-leading-zero);font:400 .8rem var(--serif);color:#9c99a3;min-width:22px}
.nav a:hover,.nav a[aria-current=page]{color:var(--amarillo)}
.nav a[aria-current=page]::before{color:var(--amarillo)}
.busca{display:flex;margin:0 0 22px}
.busca label{position:absolute;left:-999px}
.busca input{flex:1;min-width:0;background:#2a2930;border:1px solid #4a4850;border-right:0;color:var(--blanco);font:1rem var(--sans);padding:10px 12px}
.busca input::placeholder{color:#a9a6af}
.busca button{background:var(--amarillo);color:var(--negro);border:0;font:600 .9rem var(--sans);padding:0 14px;cursor:pointer}
.lado__datos{font-size:.9rem;color:#c9c6cf;border-top:1px solid #34333a;padding-top:16px}
.lado__datos a{color:var(--gris)}
.lado__datos strong{color:var(--blanco);font-weight:600}
.lado__datos p{margin:0 0 .6em}

@media (min-width:1000px){
  .lado{position:fixed;left:0;top:0;bottom:0;width:var(--lado);display:flex;flex-direction:column;overflow:auto}
  .lado__top{display:block;padding:26px 26px 0}
  .marca{width:100%}
  .menu-btn{display:none}
  .lado__panel{display:flex!important;flex-direction:column;flex:1;padding:22px 26px 26px;max-height:none;overflow:visible}
  .lado__datos{margin-top:auto}
  .principal,.pie{margin-left:var(--lado)}
  :root{--pad:48px}
}

/* ---------- Contenedor ---------- */
.contenedor{max-width:var(--max);margin:0 auto;padding-left:var(--pad);padding-right:var(--pad)}
.seccion{padding:64px 0}
.seccion--papel{background:var(--papel)}
.seccion--negra{background:var(--negro);color:var(--gris)}
.seccion--negra a{color:var(--amarillo)}
.etiqueta{display:inline-flex;align-items:center;gap:10px;font:600 .78rem var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--tenue);margin:0 0 18px}
.etiqueta::before{content:"";width:28px;height:10px;background:repeating-linear-gradient(180deg,currentColor 0 2px,transparent 2px 4px)}
.seccion--negra .etiqueta{color:#bdbac3}
.bajada{font-size:1.2rem;max-width:58ch;color:var(--grafito)}
.seccion--negra .bajada{color:#d4d1d9}
.rejilla{display:grid;gap:24px;grid-template-columns:repeat(12,minmax(0,1fr))}
.rejilla>*{grid-column:1/-1}

/* ---------- Botones ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 22px;border:2px solid var(--negro);background:var(--negro);color:var(--blanco);font:600 1rem var(--sans);text-decoration:none;cursor:pointer;border-radius:0}
.btn:hover{background:var(--grafito);color:var(--blanco)}
.btn--rojo{background:var(--rojo);border-color:var(--rojo)}
.btn--rojo:hover{background:var(--rojo-osc);border-color:var(--rojo-osc)}
.btn--linea{background:transparent;color:var(--negro)}
.btn--linea:hover{background:var(--negro);color:var(--blanco)}
.btn img{width:22px;height:22px}
.btn--wa{background:#1D7A45;border-color:#1D7A45}
.btn--wa:hover{background:#155d34;border-color:#155d34}

/* ---------- Vitrina de fotos ---------- */
.vitrina{margin:0;background:var(--blanco);border:1px solid var(--linea);padding:clamp(16px,3vw,36px)}
.vitrina img{margin:0 auto;object-fit:contain}
.vitrina figcaption{margin-top:14px;padding-top:10px;border-top:1px solid #e3e0d8;font-size:.85rem;color:var(--tenue);display:flex;gap:10px}
.vitrina figcaption b{font:400 .85rem var(--serif);color:var(--rojo-osc)}

/* ---------- Portada ---------- */
.portada{padding:48px 0 56px}
.portada h1{max-width:15ch;margin-bottom:.35em}
.portada h1 em{font-style:normal;font-family:var(--serif);font-weight:400;color:var(--rojo-osc)}
.portada__grid{margin-top:32px}
.selector{background:var(--papel);border:1px solid var(--linea);padding:24px}
.selector h2{font-size:1.35rem;font-weight:600;margin-bottom:14px;letter-spacing:-.01em}
.opciones{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 16px;padding:0;list-style:none}
.opcion{width:100%;text-align:left;display:flex;gap:10px;align-items:center;background:var(--blanco);border:1px solid var(--linea);padding:12px;min-height:52px;font:500 .98rem var(--sans);color:var(--negro);cursor:pointer;text-decoration:none}
.opcion i{width:12px;height:12px;border-radius:50%;flex:none;background:var(--c,var(--negro))}
.opcion:hover,.opcion[aria-pressed=true]{border-color:var(--negro);box-shadow:inset 0 0 0 1px var(--negro)}
.respuesta{border-top:1px solid var(--linea);padding-top:16px;min-height:120px}
.respuesta[hidden]{display:none}
.respuesta h3{margin-bottom:.4em}
.respuesta ul{margin:0 0 14px;padding:0;list-style:none}
.respuesta li{display:flex;justify-content:space-between;gap:12px;border-bottom:1px dashed var(--linea);padding:6px 0;font-size:.97rem}
.respuesta li span:last-child{font-family:var(--serif);white-space:nowrap}
.respuesta .acciones{display:flex;flex-wrap:wrap;gap:10px}
.dato-rapido{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:22px;font-size:.95rem;color:var(--grafito)}
.dato-rapido a{color:var(--negro);font-weight:600}

/* Cobertura y horario: ficha técnica */
.ficha{border-top:2px solid var(--negro);margin:0}
.ficha div{display:grid;grid-template-columns:1fr;gap:4px;padding:14px 0;border-bottom:1px solid var(--linea)}
.ficha dt{font:600 .78rem var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--tenue)}
.ficha dd{margin:0;font-size:1.05rem}
.ficha dd b{font-family:var(--serif);font-weight:400}
.seccion--negra .ficha{border-color:var(--gris)}
.seccion--negra .ficha div{border-color:#3a3940}
.seccion--negra .ficha dt{color:#bdbac3}

/* Presentación */
.cita{font:400 clamp(1.4rem,2.6vw,1.9rem)/1.35 var(--serif);border-left:4px solid var(--rojo);padding-left:20px;margin:0 0 24px}

/* Proceso */
.pasos{list-style:none;margin:0;padding:0;display:grid;gap:0;counter-reset:p;border-top:2px solid var(--negro)}
.pasos li{counter-increment:p;padding:22px 0;border-bottom:1px solid var(--linea);display:grid;grid-template-columns:64px 1fr;gap:6px 16px}
.pasos li::before{content:counter(p,decimal-leading-zero);font:400 2.2rem/1 var(--serif);color:var(--rojo-osc);grid-row:span 2}
.pasos h3{margin:0}
.pasos p{margin:0;color:var(--grafito)}

/* Estante de categorías (cartuchos) */
.estante{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;list-style:none;margin:0;padding:0}
.cartucho{position:relative;display:flex;flex-direction:column;height:100%;background:#2a2930;color:var(--gris);text-decoration:none;padding:14px 12px 12px;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%)}
.cartucho::before{content:"";height:14px;margin:0 6px 12px;background:repeating-linear-gradient(180deg,#45434b 0 2px,transparent 2px 4px)}
.cartucho .lbl{background:var(--blanco);padding:8px;display:block}
.cartucho .lbl img{aspect-ratio:4/3;object-fit:contain;width:100%}
.cartucho strong{display:block;margin-top:10px;font-weight:600;font-size:1.02rem}
.cartucho small{color:#bdbac3;font-size:.86rem}
.cartucho:hover{background:var(--negro);color:var(--amarillo)}
.cartucho .punto{position:absolute;top:16px;right:24px;width:10px;height:10px;border-radius:50%;background:var(--c)}

/* Dudas */
.dudas details{border-bottom:1px solid var(--linea);padding:4px 0}
.dudas summary{cursor:pointer;font-weight:600;padding:14px 32px 14px 0;list-style:none;position:relative}
.dudas summary::-webkit-details-marker{display:none}
.dudas summary::after{content:"+";position:absolute;right:4px;top:10px;font:400 1.5rem var(--serif);color:var(--rojo-osc)}
.dudas details[open] summary::after{content:"–"}
.dudas details p{color:var(--grafito);max-width:70ch}

/* Lista de precios */
.precios{width:100%;border-collapse:collapse;font-size:1rem}
.precios caption{text-align:left;font-size:.9rem;color:var(--tenue);padding-bottom:10px;caption-side:bottom;padding-top:12px}
.precios th{text-align:left;font:600 .78rem var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--tenue);padding:8px 0;border-bottom:2px solid var(--negro)}
.precios td{padding:12px 0;border-bottom:1px solid var(--linea);vertical-align:top}
.precios td:last-child,.precios th:last-child{text-align:right;font-family:var(--serif);white-space:nowrap;padding-left:16px}
.precios td small{display:block;color:var(--tenue);font-size:.85rem}

/* ---------- Páginas interiores ---------- */
.cabecera{padding:48px 0 32px;border-bottom:1px solid var(--linea)}
.cabecera h1{font-size:clamp(2.2rem,5vw,3.6rem);max-width:20ch}
.migas{font-size:.85rem;color:var(--tenue);margin-bottom:18px}
.migas a{color:var(--tenue)}
.texto{max-width:72ch}
.texto h2{font-size:1.7rem;margin-top:1.6em}
.texto h3{margin-top:1.4em}
.texto ul,.texto ol{padding-left:1.2em}
.texto li{margin-bottom:.4em}
.texto table{width:100%;border-collapse:collapse;margin:0 0 1.2em}
.texto th,.texto td{border-bottom:1px solid var(--linea);padding:10px 8px 10px 0;text-align:left;vertical-align:top}
.texto th{font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--tenue)}
.nota{background:var(--papel);border-left:4px solid var(--azul);padding:16px 18px;margin:0 0 1.2em}
.dos{display:grid;gap:32px}

/* Catálogo */
.controles{display:grid;gap:14px;background:var(--papel);border:1px solid var(--linea);padding:18px;margin:0 0 20px}
.controles label{display:block;font:600 .78rem var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--tenue);margin-bottom:6px}
.campo{width:100%;font:1rem var(--sans);padding:11px 12px;border:1px solid #a9a59b;background:var(--blanco);color:var(--negro);border-radius:0;min-height:46px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{background:var(--blanco);border:1px solid #a9a59b;padding:8px 14px;font:500 .92rem var(--sans);cursor:pointer;min-height:40px;color:var(--negro)}
.chip[aria-pressed=true]{background:var(--negro);color:var(--blanco);border-color:var(--negro)}
.conteo{font-size:.95rem;color:var(--tenue);margin:0 0 14px}
.productos{list-style:none;margin:0;padding:0;display:grid;gap:18px}
.producto{background:var(--blanco);border:1px solid var(--linea);display:grid;grid-template-rows:auto 1fr}
.producto[hidden]{display:none}
.producto figure{margin:0;padding:18px;border-bottom:1px solid #ece9e2}
.producto figure img{aspect-ratio:4/3;object-fit:contain;width:100%}
.producto__cuerpo{padding:16px 18px 18px;display:flex;flex-direction:column;gap:8px}
.producto h3{font-size:1.1rem;margin:0}
.producto p{margin:0;font-size:.95rem;color:var(--grafito)}
.producto .meta{display:flex;flex-wrap:wrap;gap:6px}
.sello{font:600 .72rem var(--sans);letter-spacing:.1em;text-transform:uppercase;padding:4px 8px;border:1px solid currentColor}
.sello--nuevo{color:var(--azul-osc)}
.sello--seminuevo{color:#8a5a00}
.sello--servicio{color:var(--rojo-osc)}
.producto .precio{font:400 1.6rem var(--serif);margin-top:auto}
.producto .precio small{font:400 .8rem var(--sans);color:var(--tenue);display:block}
.producto .acciones{display:flex;flex-wrap:wrap;gap:8px}
.producto .btn{min-height:44px;padding:8px 14px;font-size:.92rem}
.vacio{background:var(--papel);border:1px dashed #a9a59b;padding:24px;text-align:center}
.mi-lista{background:var(--negro);color:var(--gris);padding:20px;margin:28px 0 0}
.mi-lista h2{font-size:1.4rem;font-weight:600;color:var(--blanco)}
.mi-lista ul{list-style:none;padding:0;margin:0 0 14px}
.mi-lista li{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #3a3940;padding:8px 0}
.mi-lista li button{background:none;border:0;color:var(--amarillo);cursor:pointer;font:500 .9rem var(--sans);text-decoration:underline}
.mi-lista .total{font-family:var(--serif);font-size:1.2rem;margin-bottom:14px}

/* Galería */
.galeria{list-style:none;margin:0;padding:0;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}
.galeria button{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in;text-align:left;font:inherit;color:inherit}
.galeria figure{margin:0;background:var(--blanco);border:1px solid var(--linea);padding:12px;height:100%}
.galeria img{aspect-ratio:1/1;object-fit:contain;width:100%}
.galeria figcaption{font-size:.85rem;color:var(--tenue);margin-top:8px}
.visor{border:0;padding:0;background:transparent;max-width:min(94vw,1100px);width:100%}
.visor::backdrop{background:rgba(28,27,32,.88)}
.visor figure{margin:0;background:var(--blanco);padding:16px}
.visor img{max-height:76vh;width:auto;margin:0 auto}
.visor figcaption{margin-top:10px;color:var(--grafito)}
.visor__ctl{display:flex;justify-content:space-between;gap:8px;margin-top:10px}
.visor__ctl button{background:var(--amarillo);border:0;font:600 .95rem var(--sans);padding:10px 16px;min-height:44px;cursor:pointer}

/* Blog */
.articulos{list-style:none;margin:0;padding:0;display:grid;gap:28px}
.articulo-tarjeta{display:grid;gap:16px;border-top:2px solid var(--negro);padding-top:18px}
.articulo-tarjeta time{font-size:.85rem;color:var(--tenue)}
.articulo-tarjeta h2{font-size:1.6rem;margin:.2em 0 .4em}
.articulo-tarjeta h2 a{color:var(--negro);text-decoration:none}
.articulo-tarjeta h2 a:hover{color:var(--rojo-osc)}

/* Formularios */
.form{display:grid;gap:16px}
.form label{font-weight:600;font-size:.95rem;display:block;margin-bottom:6px}
.form .error{color:var(--rojo-osc);font-size:.88rem;margin-top:4px;min-height:1em}
.form [aria-invalid=true]{border-color:var(--rojo);box-shadow:inset 0 0 0 1px var(--rojo)}
.aviso-corto{font-size:.88rem;color:var(--grafito);background:var(--papel);border:1px solid var(--linea);padding:12px 14px;margin:0}
.estado{font-weight:600}
.mapa{background:var(--papel);border:1px solid var(--linea);aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px}
.mapa iframe{width:100%;height:100%;border:0}

/* ---------- Pie ---------- */
.pie{background:var(--negro);color:#cfccd4;font-size:.93rem;padding:56px 0 110px}
.pie a{color:var(--gris)}
.pie a:hover{color:var(--amarillo)}
.pie__marca img{width:220px;margin-bottom:14px}
.pie h2{font:600 .78rem var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#a9a6af;margin:0 0 12px}
.pie ul{list-style:none;margin:0;padding:0}
.pie li{margin-bottom:6px}
.pie__cols{display:grid;gap:32px}
.redes{display:flex;gap:10px;margin-top:6px}
.redes a{display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;border:1px solid #4a4850}
.redes img{width:20px;height:20px}
.pie__legal{border-top:1px solid #34333a;margin-top:36px;padding-top:18px;font-size:.85rem;color:#a9a6af}
.link-btn{background:none;border:0;padding:0;color:var(--gris);text-decoration:underline;font:inherit;cursor:pointer}

/* ---------- Flotantes ---------- */
.flotantes{position:fixed;right:16px;bottom:calc(var(--flot-bottom) + 68px);z-index:70;align-items:flex-end;display:flex;flex-direction:column;gap:10px}
.flotantes a{width:56px;height:56px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(0,0,0,.25)}
.flotantes img{width:26px;height:26px}
.f-tel{background:var(--azul)}
.f-wa{background:#1D7A45}
.lado.abierto~.flotantes,.lado.abierto~.chat-btn{display:none}

/* Chat */
.chat-btn{position:fixed;right:16px;bottom:var(--flot-bottom);z-index:70;background:var(--negro);color:var(--blanco);border:2px solid var(--amarillo);font:600 .95rem var(--sans);padding:0 18px;min-height:56px;display:flex;align-items:center;gap:10px;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.25)}
.chat-btn i{display:grid;grid-template-columns:repeat(2,7px);gap:3px;transform:rotate(45deg)}
.chat-btn i b{width:7px;height:7px;border-radius:50%;display:block}
.chat{position:fixed;right:16px;bottom:calc(var(--flot-bottom) + 70px);z-index:85;z-index:80;width:min(380px,calc(100vw - 32px));max-height:min(560px,calc(100vh - 120px));background:var(--papel);border:2px solid var(--negro);display:flex;flex-direction:column;box-shadow:0 10px 30px rgba(0,0,0,.3)}
.chat[hidden]{display:none}
.chat__cab{background:var(--negro);color:var(--blanco);padding:12px 14px;display:flex;justify-content:space-between;align-items:center;gap:8px}
.chat__cab strong{display:block;font-size:1rem}
.chat__cab small{color:#c9c6cf;font-size:.8rem}
.chat__cab button{background:none;border:1px solid #5b5962;color:var(--blanco);min-width:40px;min-height:40px;cursor:pointer;font:600 .85rem var(--sans)}
.chat__log{flex:1;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:10px}
.msg{max-width:88%;padding:10px 12px;font-size:.95rem;line-height:1.45}
.msg--bot{background:var(--blanco);border:1px solid var(--linea);align-self:flex-start}
.msg--yo{background:var(--negro);color:var(--blanco);align-self:flex-end}
.msg a{color:var(--azul-osc)}
.chat__rapidas{display:flex;flex-wrap:wrap;gap:6px;padding:0 14px 10px}
.chat__rapidas button{background:var(--blanco);border:1px solid #a9a59b;padding:6px 10px;font:500 .85rem var(--sans);cursor:pointer;min-height:36px}
.chat__form{display:flex;border-top:1px solid var(--linea)}
.chat__form label{position:absolute;left:-999px}
.chat__form input{flex:1;border:0;padding:12px;font:1rem var(--sans);min-width:0;background:var(--blanco)}
.chat__form button{border:0;background:var(--amarillo);font:600 .9rem var(--sans);padding:0 16px;cursor:pointer}

/* Cookies */
.cookies{position:fixed;left:0;right:0;bottom:0;z-index:90;background:var(--blanco);border-top:3px solid var(--negro);box-shadow:0 -6px 20px rgba(0,0,0,.12)}
.cookies[hidden]{display:none}
.cookies__in{max-width:var(--max);margin:0 auto;padding:14px var(--pad);display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;justify-content:space-between}
.cookies p{margin:0;font-size:.9rem;flex:1 1 320px}
.cookies__btns{display:flex;gap:10px}
.cookies .btn{min-height:44px;padding:8px 20px}
@media (min-width:1000px){.cookies{left:var(--lado)}}

/* ---------- Escalas ---------- */
@media (min-width:640px){
  .estante{grid-template-columns:repeat(3,minmax(0,1fr))}
  .productos{grid-template-columns:repeat(2,minmax(0,1fr))}
  .galeria{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ficha div{grid-template-columns:200px 1fr;gap:16px}
  .controles{grid-template-columns:2fr 1fr 1fr}
  .controles .chips-fila{grid-column:1/-1}
  .pie__cols{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:900px){
  .portada__selector{grid-column:1/6}
  .portada__foto{grid-column:6/-1}
  .col-izq{grid-column:1/6}
  .col-der{grid-column:7/-1}
  .col-ancha{grid-column:1/9}
  .col-lat{grid-column:9/-1}
  .productos{grid-template-columns:repeat(3,minmax(0,1fr))}
  .articulo-tarjeta{grid-template-columns:5fr 7fr}
  .dos{grid-template-columns:7fr 5fr}
  .pie__cols{grid-template-columns:2fr 1fr 1fr 1fr}
  .seccion{padding:88px 0}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@media print{.lado,.flotantes,.chat-btn,.chat,.cookies{display:none!important}.principal,.pie{margin:0}}
.chat__cab>div:last-child{display:flex;gap:6px;flex:none}