/* Akira Construye. Solo diseño: los datos viven en catalogo-productos.json, datos-sitio.json y trabajos-web.json. */
:root{
  --grafito:#1B262C;--grafito-2:#243239;--grafito-3:#11181C;--linea:#3A4A52;
  --oro:#D6AE54;--oro-claro:#E9D092;--oro-osc:#7F6119;
  --crema:#F3EFE6;--papel:#FBF9F4;--suave:#A9B3B7;--suave-2:#55626A;
  --wa:#0F8043;--wa-2:#0B6B37;
  --borde-claro:rgba(27,38,44,.14);
  --alto-cab:76px;--alto-cat:60px;--alto-barra:0px;
  --gutter:clamp(16px,4vw,48px);--ancho:1280px;
  --fuente:"Jost","Segoe UI",system-ui,sans-serif;
  --curva:cubic-bezier(.22,.7,.2,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--alto-cab) + var(--alto-cat) + 16px);-webkit-text-size-adjust:100%}
body{margin:0;padding-bottom:var(--alto-barra);background:var(--grafito);color:var(--crema);font:400 17px/1.55 var(--fuente);overflow-x:hidden}
body.sin-scroll{overflow:hidden}
h1,h2,h3,h4,p,ul,dl,dd{margin:0;padding:0}
ul{list-style:none}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
[hidden]{display:none!important}
:focus-visible{outline:2px solid var(--oro);outline-offset:3px}
::selection{background:var(--oro);color:var(--grafito)}
.sprite{position:absolute}
.icono{width:1.2em;height:1.2em;flex:none}
.envoltura{width:100%;max-width:calc(var(--ancho) + 2 * var(--gutter));margin-inline:auto;padding-inline:var(--gutter)}
.saltar{position:fixed;left:16px;top:-60px;z-index:60;padding:10px 16px;background:var(--oro);color:var(--grafito);font-weight:500;transition:top .2s}
.saltar:focus{top:12px}

.antetitulo{font-size:13px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--oro)}
h2{font-size:clamp(34px,4.6vw,60px);font-weight:300;line-height:1.08;letter-spacing:-.01em;text-wrap:balance}
h3{font-weight:500}
.titulo-seccion{display:grid;gap:14px;max-width:760px}
.titulo-seccion>p:last-child:not(.antetitulo){font-size:clamp(17px,1.6vw,20px);color:var(--suave)}

/* Botones */
.boton{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:12px 26px;border:1px solid transparent;border-radius:3px;font-size:17px;font-weight:500;line-height:1.2;text-decoration:none;cursor:pointer;transition:background .2s,color .2s,border-color .2s,transform .2s}
.boton:active{transform:translateY(1px)}
.boton--wa{background:var(--wa);color:#fff}
.boton--wa:hover{background:var(--wa-2)}
.boton--oro{background:var(--oro);color:var(--grafito)}
.boton--oro:hover{background:var(--oro-claro)}
.boton--grafito{background:var(--grafito);color:var(--crema)}
.boton--grafito:hover{background:var(--grafito-3)}
.boton--linea{border-color:rgba(243,239,230,.38);color:var(--crema)}
.boton--linea:hover{border-color:var(--oro);color:var(--oro)}
.boton--chico{min-height:44px;padding:8px 18px;font-size:16px}

/* Cabecera */
.cabecera{position:fixed;inset:0 0 auto;z-index:40;height:var(--alto-cab);background:linear-gradient(180deg,rgba(17,24,28,.82),rgba(17,24,28,.42) 70%,rgba(17,24,28,0));transition:box-shadow .3s}
.cabecera.solida{background:rgba(27,38,44,.98);box-shadow:0 1px 0 rgba(214,174,84,.28)}
.cabecera__in{display:flex;align-items:center;gap:32px;height:100%;max-width:calc(var(--ancho) + 2 * var(--gutter));margin-inline:auto;padding-inline:var(--gutter)}
.marca{flex:none}
.marca img{width:auto;height:52px}
.menu{display:flex;gap:clamp(18px,2.2vw,32px);margin-left:auto;font-size:16px}
.menu a{position:relative;padding:8px 0;text-decoration:none;white-space:nowrap}
.menu a::after{content:"";position:absolute;left:0;right:0;bottom:3px;height:1px;background:var(--oro);transform:scaleX(0);transform-origin:left;transition:transform .25s var(--curva)}
.menu a:hover::after{transform:scaleX(1)}

/* Portada */
.portada{position:relative;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);min-height:min(100svh,960px);background:var(--grafito)}
.portada__texto{position:relative;display:flex;flex-direction:column;justify-content:center;gap:22px;padding:calc(var(--alto-cab) + 32px) clamp(24px,3.4vw,56px) 40px max(var(--gutter),calc((100vw - var(--ancho)) / 2))}
.portada h1{display:grid;gap:18px;font-weight:300}
.portada__lema{font-size:clamp(50px,6.5vw,104px);line-height:.98;letter-spacing:-.02em;text-wrap:balance}
.portada__bajada{font-size:clamp(20px,2vw,27px);line-height:1.25;color:var(--oro);text-wrap:balance}
.portada__intro{max-width:50ch;color:var(--suave)}
.portada__acciones{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}
.portada__texto>*{position:relative;z-index:1}
.portada__texto>.portada__misti{position:absolute;z-index:0;left:-4%;right:0;bottom:-14px;width:108%;pointer-events:none}
.portada__misti path{fill:none;stroke:var(--oro);stroke-width:.4;stroke-dasharray:1;stroke-dashoffset:0;opacity:.3}

.muestrario{display:flex;gap:5px;min-width:0;min-height:560px}
.lamina{position:relative;flex:1 1 0;min-width:0;overflow:hidden;background:linear-gradient(180deg,var(--grafito-2),var(--linea));text-decoration:none;transition:flex-grow .7s var(--curva)}
.lamina.activa{flex-grow:3.4}
.lamina img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--curva)}
.lamina.activa img{transform:scale(1.03)}
.lamina::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(17,24,28,.34) 0%,rgba(17,24,28,0) 26%,rgba(17,24,28,0) 56%,rgba(17,24,28,.86) 100%);pointer-events:none}
.lamina__vertical,.lamina__texto{position:absolute;z-index:1;transition:opacity .35s}
.lamina__vertical{left:50%;bottom:22px;writing-mode:vertical-rl;transform:translateX(-50%) rotate(180deg);font-size:17px;font-weight:500;letter-spacing:.04em;white-space:nowrap}
.lamina__texto{left:22px;right:18px;bottom:22px;display:flex;align-items:center;justify-content:space-between;gap:12px;opacity:0;font-size:24px;font-weight:400;line-height:1.15}
.lamina__texto .icono{color:var(--oro)}
.lamina.activa .lamina__vertical{opacity:0}
.lamina.activa .lamina__texto{opacity:1;transition-delay:.25s}

/* Beneficios */
.beneficios{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--oro);color:var(--grafito);padding-inline:max(var(--gutter),calc((100vw - var(--ancho)) / 2))}
.beneficios li{position:relative;display:flex;align-items:center;gap:12px;min-height:76px;padding:12px 18px 12px 0;font-size:17px;font-weight:500;line-height:1.2}
.beneficios li::before{content:"";flex:none;width:9px;height:9px;border:1.5px solid var(--grafito);transform:rotate(45deg)}

/* Catálogo */
.productos{padding-block:clamp(64px,9vw,120px) clamp(56px,7vw,96px);background:var(--crema);color:var(--grafito)}
.productos .antetitulo{color:var(--oro-osc)}
.productos .titulo-seccion>p:last-child{color:var(--suave-2)}
.categorias{position:sticky;top:var(--alto-cab);z-index:20;display:flex;gap:6px;height:var(--alto-cat);align-items:center;margin-top:30px;padding-inline:max(var(--gutter),calc((100vw - var(--ancho)) / 2));overflow-x:auto;background:rgba(243,239,230,.94);backdrop-filter:blur(8px);box-shadow:0 1px 0 var(--borde-claro);scrollbar-width:none}
.categorias::-webkit-scrollbar{display:none}
.categorias a{flex:none;display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:5px 15px;border-radius:999px;font-size:16px;font-weight:500;text-decoration:none;transition:background .2s,color .2s}
.categorias a small{font-size:13px;font-weight:400;color:var(--suave-2)}
.categorias a:hover{background:rgba(27,38,44,.08)}
.categorias a.activa{background:var(--grafito);color:var(--crema)}
.categorias a.activa small{color:var(--oro)}

.categoria{display:grid;grid-template-columns:minmax(0,210px) minmax(0,1fr);gap:clamp(24px,4vw,64px);padding-block:clamp(44px,5vw,72px);border-bottom:1px solid var(--borde-claro)}
.categoria:last-child{border-bottom:0}
.categoria__lado{position:sticky;top:calc(var(--alto-cab) + var(--alto-cat) + 28px);align-self:start;display:grid;gap:4px}
.categoria__num{font-size:15px;font-weight:500;letter-spacing:.1em;color:var(--oro-osc)}
.categoria__lado h3{font-size:clamp(30px,3.2vw,42px);font-weight:300;line-height:1.08}
.categoria__familias{display:grid;gap:clamp(44px,5vw,68px);min-width:0}
.familia{display:grid;gap:20px;scroll-margin-top:calc(var(--alto-cab) + var(--alto-cat) + 20px)}
.familia__cab{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 24px;align-items:end}
.familia__cab h4{font-size:clamp(23px,2.2vw,29px);font-weight:400;line-height:1.15}
.familia__cab p{grid-column:1;max-width:60ch;color:var(--suave-2)}
.familia__3d{grid-column:2;grid-row:1 / span 2;display:inline-flex;align-items:center;gap:7px;padding:4px 0;border-bottom:1px solid currentColor;font-size:16px;font-weight:500;color:var(--oro-osc);text-decoration:none;white-space:nowrap}
.familia__3d:hover{color:var(--grafito)}

.fichas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ficha{display:flex;flex-direction:column;min-width:0;background:var(--papel);border:1px solid var(--borde-claro);transition:border-color .25s}
.ficha:hover{border-color:var(--oro)}
.ficha__foto{position:relative;aspect-ratio:4/5;overflow:hidden;background:#E6E0D3}
.ficha__foto img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--curva)}
.ficha:hover .ficha__foto img{transform:scale(1.04)}
.ficha__lista{display:flex;flex-direction:column;flex:1}
.ficha--ancha{grid-column:1 / -1;flex-direction:row}
.ficha--ancha .ficha__foto{flex:0 0 36%;aspect-ratio:auto;min-height:290px}
.ficha--ancha .ficha__foto img{position:absolute;inset:0}
.ficha--ancha .ficha__lista{min-width:0;justify-content:center}

.producto{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 14px;align-items:center;padding:16px 18px;flex:1}
.producto+.producto{border-top:1px solid var(--borde-claro)}
.producto__info{grid-column:1 / -1;display:grid;gap:1px}
.producto__nombre{font-size:18px;font-weight:500;line-height:1.25}
.producto__medidas{font-size:15px;line-height:1.3;color:var(--suave-2)}
.producto__precio{min-width:0;font-size:21px;font-weight:500;line-height:1.15;font-variant-numeric:tabular-nums}
.producto__precio small{display:block;font-size:14px;font-weight:400;color:var(--suave-2)}
.producto__precio--consulta{font-size:17px;color:var(--oro-osc)}
.cotizar{display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:6px 14px;border:1px solid var(--wa);border-radius:3px;color:var(--wa);font-size:16px;font-weight:500;text-decoration:none;transition:background .2s,color .2s}
.cotizar:hover{background:var(--wa);color:#fff}
.ficha--ancha .producto{grid-template-columns:minmax(0,1fr) minmax(136px,auto) auto}
.ficha--ancha .producto__info{grid-column:auto}
.texturas{grid-column:1 / -1;display:grid;gap:6px;min-width:0;margin-top:4px}
.texturas__cab{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px;line-height:1.3;color:var(--suave-2)}
.texturas__3d{display:inline-flex;align-items:center;gap:5px;flex:none;font-weight:500;color:var(--oro-osc);text-decoration:none}
.texturas__3d:hover{color:var(--grafito)}
.texturas__lista{display:flex;gap:6px;padding:3px 3px 7px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--oro-osc) transparent}
.textura{flex:none;width:50px;height:50px;padding:0;border:0;border-radius:3px;background:var(--crema);box-shadow:0 0 0 1px var(--borde-claro);overflow:hidden;cursor:pointer;transition:box-shadow .15s,transform .15s}
.textura img{width:100%;height:100%;object-fit:cover}
.textura:hover{box-shadow:0 0 0 1px var(--oro-osc);transform:translateY(-1px)}
.textura[aria-pressed=true]{box-shadow:0 0 0 2px var(--papel),0 0 0 4px var(--oro-osc)}
.catalogo-error{padding-block:32px;font-size:18px}

/* Simulador */
.simulador{padding-block:clamp(64px,9vw,120px);background:var(--grafito)}
.visor{position:relative;margin-top:36px;background:var(--grafito-3);border:1px solid rgba(214,174,84,.3)}
.visor__portada{position:relative;aspect-ratio:2/1;overflow:hidden}
.visor__portada img{width:100%;height:100%;object-fit:cover}
.visor__portada::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(17,24,28,.05) 35%,rgba(17,24,28,.74) 100%)}
.visor__llamado{position:absolute;z-index:1;left:0;right:0;bottom:clamp(20px,4vw,44px);display:grid;justify-items:center;gap:10px;text-align:center}
.visor__llamado p{font-size:15px;color:var(--crema)}
.visor__marco{display:block;width:100%;height:min(calc(100vh - var(--alto-cab) - 24px),780px);border:0;background:var(--grafito-3)}
.visor__cerrar{position:absolute;left:10px;top:10px;z-index:2;display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:6px 14px;border:1px solid rgba(243,239,230,.34);border-radius:3px;background:rgba(17,24,28,.82);color:var(--crema);font:500 15px var(--fuente);cursor:pointer}
.visor__cerrar:hover{border-color:var(--oro);color:var(--oro)}
.visor.abierto .visor__portada{display:none}

/* Trabajos */
.trabajos{padding-block:clamp(64px,9vw,120px);background:var(--grafito-2)}
.trabajos__lista{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:36px}
.comparador{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--grafito-3);--corte:50%}
.comparador img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.comparador__despues{clip-path:inset(0 0 0 var(--corte))}
.comparador__linea{position:absolute;top:0;bottom:0;left:var(--corte);width:2px;margin-left:-1px;background:var(--oro);pointer-events:none}
.comparador__linea::after{content:"";position:absolute;left:50%;top:50%;width:20px;height:20px;margin:-10px;background:var(--oro);transform:rotate(45deg)}
.comparador input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}
.comparador input:focus-visible~.comparador__linea{box-shadow:0 0 0 2px #fff}
.comparador__rotulo{position:absolute;bottom:10px;padding:2px 10px;background:rgba(17,24,28,.76);font-size:14px;pointer-events:none}
.comparador__rotulo--antes{left:10px}
.comparador__rotulo--despues{right:10px}
.trabajo figcaption{margin-top:10px;font-size:18px}
.trabajo figcaption small{display:block;font-size:15px;color:var(--suave)}

/* Tiendas */
.tiendas{padding-block:clamp(64px,9vw,120px);background:var(--papel);color:var(--grafito)}
.tiendas .antetitulo{color:var(--oro-osc)}
.tiendas .titulo-seccion>p:last-child{color:var(--suave-2)}
.tiendas__lista{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,44px);margin-top:44px}
.tienda{display:grid;grid-template-rows:auto auto 1fr auto;gap:8px;padding-top:24px;border-top:1px solid var(--grafito)}
.tienda__num{display:grid;place-items:center;width:42px;height:42px;margin:0 0 14px 6px;background:var(--grafito);color:var(--oro);transform:rotate(45deg)}
.tienda__num span{transform:rotate(-45deg);font-size:16px;font-weight:500}
.tienda h3{font-size:clamp(24px,2.4vw,30px);font-weight:400;line-height:1.15}
.tienda address{font-style:normal;color:var(--suave-2)}
.tienda__acciones{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:10px}
.enlace{display:inline-flex;align-items:center;gap:7px;min-height:42px;font-weight:500;text-decoration:none;border-bottom:1px solid currentColor;transition:color .2s}
.tienda .enlace:hover{color:var(--oro-osc)}

/* Garantía y pagos */
.garantia{padding-block:clamp(64px,9vw,120px);background:var(--grafito-3)}
.garantia__grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(36px,6vw,88px)}
.garantia__principal{display:grid;gap:14px;align-content:start}
.garantia__cifras{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:30px}
.cifra{padding-top:18px;border-top:1px solid var(--oro)}
.cifra b{display:block;font-size:clamp(50px,7vw,96px);font-weight:300;line-height:1;letter-spacing:-.02em;color:var(--oro)}
.cifra span{font-size:clamp(18px,1.8vw,22px)}
.garantia__lado{display:grid;gap:16px;align-content:start}
.garantia__lado h3{font-size:13px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--oro)}
.garantia__lado h3:not(:first-child){margin-top:14px}
.servicios{display:grid;gap:14px}
.servicios dt{font-size:20px;font-weight:500}
.servicios dd{color:var(--suave)}
.condiciones{display:grid;gap:4px}
.condiciones li{display:flex;align-items:center;gap:10px;color:var(--crema)}
.condiciones li::before{content:"";flex:none;width:7px;height:7px;background:var(--oro);transform:rotate(45deg)}
.pagos{display:flex;flex-wrap:wrap;gap:8px}
.pagos li{padding:7px 16px;border:1px solid var(--linea);font-size:16px}

/* Preguntas */
.preguntas{padding-block:clamp(64px,9vw,120px);background:var(--crema);color:var(--grafito)}
.preguntas .antetitulo{color:var(--oro-osc)}
.preguntas__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,5vw,72px)}
.pregunta{border-bottom:1px solid var(--borde-claro)}
.pregunta:first-child{border-top:1px solid var(--borde-claro)}
.pregunta summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;font-size:19px;font-weight:500;line-height:1.3;cursor:pointer;list-style:none}
.pregunta summary::-webkit-details-marker{display:none}
.pregunta summary::after{content:"";flex:none;width:9px;height:9px;margin-right:4px;border-right:1.5px solid var(--oro-osc);border-bottom:1.5px solid var(--oro-osc);transform:rotate(45deg);transition:transform .2s}
.pregunta[open] summary::after{transform:rotate(225deg)}
.pregunta p{padding-bottom:20px;max-width:60ch;color:var(--suave-2)}

/* Contacto */
.contacto{position:relative;overflow:hidden;padding-block:clamp(64px,9vw,120px);background:var(--oro);color:var(--grafito)}
.contacto .antetitulo{color:var(--grafito)}
.contacto__misti{position:absolute;right:-6%;bottom:-3%;width:min(82%,1000px);opacity:.17;pointer-events:none}
.contacto__misti path{fill:none;stroke:var(--grafito);stroke-width:1.2;vector-effect:non-scaling-stroke}
.contacto__grid{position:relative;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(32px,5vw,72px);align-items:end}
.contacto h2{margin-top:12px;font-size:clamp(40px,6vw,84px)}
.contacto__texto{max-width:42ch;margin:16px 0 26px;font-size:clamp(18px,1.7vw,21px)}
.contacto__datos{display:grid;gap:14px}
.contacto__datos dt{font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.contacto__datos dd{font-size:20px;line-height:1.3;overflow-wrap:anywhere}
.contacto__datos a{text-decoration-thickness:1px;text-underline-offset:4px}

/* Pie */
.pie{padding-block:30px;background:var(--grafito);font-size:15px;color:var(--suave)}
.pie__in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}
.pie img{width:auto;height:48px}
.pie__libro{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:18px;padding-top:18px;border-top:1px solid var(--linea)}
.pie__libro p{flex:1 1 320px;font-size:14px;line-height:1.4}
.boton-libro{display:inline-flex;align-items:center;gap:9px;min-height:48px;padding:9px 16px;border:1px solid var(--oro);border-radius:3px;color:var(--oro);font-size:16px;font-weight:500;text-decoration:none;transition:background .2s,color .2s}
.boton-libro:hover{background:var(--oro);color:var(--grafito)}

/* Barra de accesos en celular */
.barra-movil{display:none}

/* Aparición al bajar: solo se activa cuando app.js ya está corriendo */
.con-animacion .revelar{opacity:0;transform:translateY(18px);transition:opacity .7s var(--curva),transform .7s var(--curva)}
.con-animacion .revelar.visible{opacity:1;transform:none}
@media (prefers-reduced-motion:no-preference){
  .portada__misti path{stroke-dashoffset:1;animation:trazar 2.4s .3s var(--curva) forwards}
  .portada__misti path+path{animation-delay:1.5s;animation-duration:1.3s}
  @keyframes trazar{to{stroke-dashoffset:0}}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition-duration:.01ms!important;animation:none!important}
  .con-animacion .revelar{opacity:1;transform:none}
}

@media (max-height:840px) and (min-width:981px){
  .portada__misti{display:none}
  .portada__texto{gap:16px;padding-bottom:28px}
  .portada__lema{font-size:clamp(50px,5.6vw,84px)}
}
@media (max-width:1120px){
  .menu{display:none}
  .cabecera .boton{margin-left:auto}
  .ficha--ancha .producto{grid-template-columns:minmax(0,1fr) auto}
  .ficha--ancha .producto__info{grid-column:1 / -1}
}
@media (hover:none){
  .textura{width:56px;height:56px}
}
@media (max-width:980px){
  :root{--alto-cab:64px;--alto-cat:56px;--alto-barra:calc(62px + env(safe-area-inset-bottom,0px))}
  .marca img{height:44px}
  .portada{grid-template-columns:minmax(0,1fr);min-height:0}
  .portada__texto{padding:calc(var(--alto-cab) + 34px) var(--gutter) 30px}
  .portada__misti{display:none}
  .muestrario{min-height:0;padding:0 var(--gutter) 28px;overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-left:var(--gutter);scrollbar-width:none}
  .muestrario::-webkit-scrollbar{display:none}
  .lamina,.lamina.activa{flex:0 0 min(62vw,300px);height:min(62vh,430px);scroll-snap-align:start}
  .lamina__vertical{display:none}
  .lamina__texto,.lamina.activa .lamina__texto{left:14px;right:12px;bottom:14px;opacity:1;font-size:20px}
  .beneficios{grid-template-columns:repeat(2,minmax(0,1fr))}
  .beneficios li{min-height:64px;padding-right:10px;font-size:16px}
  .categoria{grid-template-columns:minmax(0,1fr);gap:20px}
  .categoria__lado{position:static;display:flex;align-items:baseline;gap:12px}
  .fichas{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tiendas__lista{grid-template-columns:minmax(0,1fr);gap:28px}
  .tienda{grid-template-columns:auto minmax(0,1fr);grid-template-rows:none;gap:2px 22px;padding-top:22px}
  .tienda__num{grid-row:1 / span 3;margin:8px 0 0 8px}
  .garantia__grid,.preguntas__grid,.contacto__grid{grid-template-columns:minmax(0,1fr)}
  .contacto__misti{width:150%;right:-30%;opacity:.2}
  .trabajos__lista{grid-template-columns:minmax(0,1fr)}
  .visor__portada{aspect-ratio:16/11}
  .visor.abierto{position:fixed;inset:0;z-index:70;margin:0;border:0}
  .visor.abierto .visor__marco{height:100%}
  .visor__cerrar{left:auto;right:8px;top:calc(8px + env(safe-area-inset-top,0px))}
  .pie{padding-bottom:30px}
  .barra-movil{position:fixed;inset:auto 0 0;z-index:45;display:grid;grid-template-columns:1fr 1fr 1fr 1.25fr;height:var(--alto-barra);padding-bottom:env(safe-area-inset-bottom,0px);background:var(--grafito-3);box-shadow:0 -1px 0 rgba(214,174,84,.3)}
  .barra-movil a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:13px;font-weight:500;line-height:1.1;text-decoration:none}
  .barra-movil .icono{width:22px;height:22px}
  .barra-movil__wa{background:var(--wa);color:#fff}
  body.sin-scroll .barra-movil{display:none}
}
@media (max-width:560px){
  body{font-size:16.5px}
  .portada__lema{font-size:clamp(46px,13.6vw,64px)}
  .portada__acciones .boton{flex:1 1 100%}
  .cabecera .boton{padding-inline:14px}
  .fichas{grid-template-columns:minmax(0,1fr)}
  .ficha{flex-direction:column}
  .ficha__foto,.ficha--ancha .ficha__foto{flex:none;aspect-ratio:16/11;min-height:0}
  .ficha--ancha .ficha__foto img{position:static}
  .familia__cab{grid-template-columns:minmax(0,1fr)}
  .familia__3d{grid-column:1;grid-row:auto;justify-self:start}
  .producto,.ficha--ancha .producto{padding:14px;gap:8px 10px}
  .garantia__cifras{gap:14px}
  .tienda__acciones{gap:6px 16px}
  .pie__in{justify-content:flex-start}
  .cabecera__in{gap:12px}
}
@media (max-width:374px){
  .cabecera .boton span{display:none}
  .cabecera .boton{min-width:44px;padding-inline:11px}
}