/* Atlas Equipment · v7 · sala de exhibición clara
   Una sola letra (Geologica), fondo claro donde vive el catálogo, azul noche para la portada y el cierre, dorado
   solo para la acción principal (Pedir precio por WhatsApp). Nada se queda fijo al bajar salvo el menú. */
@font-face{font-family:"Geologica";src:url(../fonts/geologica-var.woff2) format("woff2");font-weight:100 900;font-display:swap}

:root{
  --navy-950:#0A1A29;--navy-900:#102437;--navy-800:#1A354D;--navy-700:#244461;--atlas:#154E79;--steel:#93A9BC;--ice:#E9EEF5;
  --oro:#DDB04A;--oro-claro:#F3E2B5;--oro-hondo:#8A5F12;
  --papel:#F1F3F6;--blanco:#FFFFFF;--tinta:#0A1A29;--tinta-2:#3D5468;--tinta-3:#52667A;--linea:#DCE2E9;--linea-2:#E8ECF1;
  --r:14px;--r-s:10px;
  --gut:max(16px,min(4vw,40px));--ancho:1240px;
  --nav-h:64px;
  --sale:cubic-bezier(.16,1,.3,1);
  --sombra:0 1px 0 rgba(10,26,41,.04),0 14px 34px -22px rgba(10,26,41,.35);
  --t-h1:clamp(2.15rem,1.3rem + 3.3vw,4.1rem);
  --t-h2:clamp(1.75rem,1.3rem + 1.6vw,2.65rem);
  --t-baja:clamp(1rem,.95rem + .25vw,1.15rem);
  color-scheme:light;
}
@media (max-width:999px){:root{--nav-h:58px}}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--nav-h) + 22px)}
body{margin:0;font-family:"Geologica",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16.5px;line-height:1.55;color:var(--tinta);background:var(--papel);font-optical-sizing:auto;-webkit-font-smoothing:antialiased;overflow-x:clip}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
button{font:inherit;color:inherit;cursor:pointer}
h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0}
ul,ol{padding:0;list-style:none}
:focus-visible{outline:3px solid var(--oro);outline-offset:3px;border-radius:4px}
.sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.nw{white-space:nowrap}
.saltar{position:fixed;left:12px;top:-60px;z-index:100;background:var(--navy-950);color:#fff;padding:10px 14px;border-radius:8px;text-decoration:none}
.saltar:focus{top:12px}
.ico{width:1.15em;height:1.15em;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.falta{background:#ffe08a;color:#5a3c00;padding:0 .3em;border-radius:3px;font-size:.85em}
body.sin-scroll{overflow:hidden}

.marco{width:min(var(--ancho),100% - 2*var(--gut));margin-inline:auto}
.h2{font-size:var(--t-h2);line-height:1.08;letter-spacing:-.028em;font-weight:700;text-wrap:balance}
.baja{font-size:var(--t-baja);color:var(--tinta-2);max-width:40rem;text-wrap:pretty}
.etiqueta{display:inline-flex;align-items:center;gap:.45rem;font-size:.78rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--oro-hondo)}
.etiqueta .ico{width:1.05rem;height:1.05rem}
.nota{font-size:.85rem;color:var(--tinta-3)}
.lista-ok{display:grid;gap:.45rem}
.lista-ok li{position:relative;padding-left:1.55rem;color:var(--tinta-2)}
.lista-ok li::before{content:"";position:absolute;left:.15rem;top:.5em;width:.75rem;height:.4rem;border-left:2px solid var(--oro-hondo);border-bottom:2px solid var(--oro-hondo);transform:rotate(-45deg)}

/* ---------- Botones ----------
   Rectos, con la esquina superior izquierda e inferior derecha cortadas (como una placa de metal). Al pasar el mouse,
   un color nuevo los barre de izquierda a derecha y la flecha o el ícono se adelanta un poco. */
.btn{--corte:10px;--barrido:var(--navy-800);--txt-hover:#fff;position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:50px;padding:0 1.45rem;border:0;border-radius:3px;font-weight:600;font-size:.97rem;letter-spacing:.005em;line-height:1.15;text-decoration:none;text-align:center;transition:color .3s ease,transform .16s ease;-webkit-tap-highlight-color:transparent}
.btn::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--barrido);transform:scaleX(0);transform-origin:right center;transition:transform .5s var(--sale)}
.btn .ico{transition:transform .4s var(--sale)}
.btn:active{transform:scale(.98)}
.btn--wa{background:var(--oro);color:var(--navy-950);clip-path:polygon(var(--corte) 0,100% 0,100% calc(100% - var(--corte)),calc(100% - var(--corte)) 100%,0 100%,0 var(--corte))}
.btn--linea{background:transparent;color:var(--navy-950);box-shadow:inset 0 0 0 1.5px var(--navy-950);--barrido:var(--navy-950)}
.btn--claro{background:rgba(255,255,255,.06);color:#fff;box-shadow:inset 0 0 0 1.5px rgba(233,238,245,.5);--barrido:#fff;--txt-hover:var(--navy-950)}
.portada .btn--wa,.cierre .btn--wa,.tm-ayuda .btn--wa{--barrido:#fff;--txt-hover:var(--navy-950)}
.tm-ayuda .btn--linea{box-shadow:inset 0 0 0 1.5px rgba(233,238,245,.6);color:#fff;--barrido:#fff;--txt-hover:var(--navy-950)}
@media (hover:hover) and (pointer:fine){
  .btn:hover{color:var(--txt-hover)}
  .btn:hover::before{transform:scaleX(1);transform-origin:left center}
  .btn:hover .ico{transform:translateX(3px)}
  .btn:hover .ico--baja{transform:translateY(3px) rotate(90deg)}
}
.ico--baja{transform:rotate(90deg)}
.btn--lg{min-height:56px;padding:0 1.7rem;font-size:1.02rem;--corte:12px}
.btn--bloque{width:100%}
.enlace{display:inline-flex;align-items:center;gap:.4rem;background:none;border:0;padding:0;font-weight:600;color:var(--navy-950);text-decoration:none;background-image:linear-gradient(var(--oro),var(--oro));background-size:100% 2px;background-position:0 100%;background-repeat:no-repeat;padding-bottom:3px;transition:background-size .4s var(--sale),color .2s}
@media (hover:hover){.enlace:hover{background-image:linear-gradient(var(--navy-950),var(--navy-950))}}
.solo-ancho{display:inline}.solo-tel{display:none}
@media (max-width:699px){.solo-ancho{display:none}.solo-tel{display:inline}}

/* ---------- Menú: una barra flotante, separada del borde; una placa azul se desliza hasta la sección en la que estás
   (o hasta el enlace bajo el mouse) ---------- */
.nav{position:fixed;inset:0 0 auto;z-index:40;padding:calc(10px + env(safe-area-inset-top)) var(--gut) 0;pointer-events:none}
.nav__in{pointer-events:auto;width:min(var(--ancho) + 32px,100%);margin-inline:auto;height:var(--nav-h);display:flex;align-items:center;gap:1.2rem;padding:0 8px 0 18px;background:rgba(255,255,255,.95);-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);border-radius:12px;box-shadow:0 0 0 1px rgba(10,26,41,.06),0 10px 30px -14px rgba(10,26,41,.35);transition:transform .45s var(--sale),box-shadow .3s}
.nav.is-bajo .nav__in{box-shadow:0 0 0 1px rgba(10,26,41,.08),0 14px 34px -16px rgba(10,26,41,.45)}
.marca{display:flex;align-items:center;gap:.6rem;text-decoration:none;flex:0 0 auto;margin-right:auto}
.marca__simbolo{width:38px;height:auto}
.marca__nombre{width:180px;height:auto}
.nav__menu{position:relative;display:flex;gap:2px}
.nav__menu a{position:relative;z-index:1;padding:.55rem .85rem;border-radius:8px;text-decoration:none;font-weight:550;font-size:.93rem;color:var(--tinta-2);transition:color .3s ease}
.nav__menu a:hover{color:var(--tinta)}
.nav__ind{position:absolute;z-index:2;left:0;top:0;height:36px;width:80px;border-radius:8px;background:var(--navy-950);overflow:hidden;opacity:0;transform:translateX(0);transition:transform .45s var(--sale),width .45s var(--sale),opacity .25s ease;pointer-events:none}
.nav__ind.is-visible{opacity:1}
.nav__ind-txt{position:absolute;left:0;top:0;display:flex;gap:2px;white-space:nowrap;transition:transform .45s var(--sale)}
.nav__ind-a{display:block;padding:.55rem .85rem;font-weight:550;font-size:.93rem;color:#fff;line-height:inherit}
.nav__cta{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;gap:.5rem;min-height:44px;padding:0 1.15rem;background:var(--oro);color:var(--navy-950);font-weight:650;font-size:.92rem;text-decoration:none;white-space:nowrap;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);transition:color .3s}
.nav__cta::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--navy-950);transform:scaleX(0);transform-origin:right;transition:transform .5s var(--sale)}
@media (hover:hover) and (pointer:fine){.nav__cta:hover{color:#fff}.nav__cta:hover::before{transform:scaleX(1);transform-origin:left}}
.nav__burger{display:none;width:44px;height:44px;border:0;border-radius:8px;background:var(--papel);align-items:center;justify-content:center;flex:0 0 auto}
.nav__burger-l{display:grid;gap:5px;width:18px}
.nav__burger-l i{display:block;height:2px;background:var(--navy-950);border-radius:2px;transition:transform .35s var(--sale),width .35s var(--sale)}
.nav__burger-l i:last-child{width:12px;justify-self:end}
.nav__burger[aria-expanded="true"] .nav__burger-l i:first-child{transform:translateY(3.5px) rotate(45deg)}
.nav__burger[aria-expanded="true"] .nav__burger-l i:last-child{width:18px;transform:translateY(-3.5px) rotate(-45deg)}
.menu-movil{pointer-events:auto;position:fixed;left:var(--gut);right:var(--gut);top:calc(var(--nav-h) + 18px + env(safe-area-inset-top));max-height:calc(100dvh - var(--nav-h) - 30px - env(safe-area-inset-top) - env(safe-area-inset-bottom));background:#fff;border-radius:12px;box-shadow:0 20px 50px -20px rgba(10,26,41,.5),0 0 0 1px rgba(10,26,41,.06);overflow:auto;padding:8px 18px 18px;display:flex;flex-direction:column;gap:16px}
.menu-movil[hidden]{display:none}
.menu-movil nav{display:grid;counter-reset:m}
.menu-movil nav a{display:grid;grid-template-columns:2.2rem 1fr;align-items:baseline;padding:13px 0;border-bottom:1px solid var(--linea-2);text-decoration:none;counter-increment:m}
.menu-movil nav a::before{content:"0" counter(m);grid-row:span 2;font-size:.78rem;font-weight:600;color:var(--oro-hondo);font-variant-numeric:tabular-nums}
.menu-movil nav b{font-size:1.22rem;font-weight:650;letter-spacing:-.015em}
.menu-movil nav small{color:var(--tinta-3);font-size:.86rem}
.menu-movil__pie{display:grid;gap:10px}
body.menu-abierto::after{content:"";position:fixed;inset:0;z-index:35;background:rgba(6,15,24,.45)}
@media (max-width:999px){
  .nav__menu{display:none}
  .nav__burger{display:inline-flex}
  .nav__in{gap:.5rem;padding:0 6px 0 12px}
}
@media (max-width:699px){.marca__nombre{width:146px}.marca__simbolo{width:32px}.nav{padding-top:calc(8px + env(safe-area-inset-top))}}
@media (max-width:419px){
  .nav__cta{width:44px;height:44px;min-height:0;padding:0;justify-content:center}
  .nav__cta span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
  .nav__cta .ico{width:1.3rem;height:1.3rem}
}
@media (max-width:339px){.marca__nombre{width:122px}.marca__simbolo{width:28px}}

/* ---------- 1 · Portada: el texto a un lado y una foto real de la máquina trabajando al otro ---------- */
.portada{position:relative;color:#fff;background:var(--navy-950);padding-top:calc(var(--nav-h) + 10px + env(safe-area-inset-top));overflow:hidden;isolation:isolate}
.portada__in{display:grid;grid-template-columns:minmax(0,1fr) 56%;min-height:clamp(520px,calc(100svh - var(--nav-h) - 74px),880px)}
@media (min-width:1700px){.portada__in{grid-template-columns:minmax(0,1fr) 50%}}
.portada__txt{align-self:center;padding:clamp(32px,6vh,72px) clamp(24px,4vw,64px) clamp(32px,6vh,72px) max(var(--gut),calc((100vw - var(--ancho)) / 2))}
.portada__sello{display:inline-flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--oro)}
.portada__sello .ico{width:1.1rem;height:1.1rem}
.portada__h1{margin-top:.8rem;font-size:clamp(2.1rem,1.1rem + 2.6vw,3.5rem);line-height:1.04;letter-spacing:-.035em;font-weight:720;max-width:17ch;text-wrap:balance}
.portada__h1-2{display:block;color:var(--oro)}
.portada__baja{margin-top:1rem;font-size:var(--t-baja);color:#C9D5E2;max-width:31rem;text-wrap:pretty}
.portada__acc{display:flex;flex-wrap:wrap;gap:12px;margin-top:1.7rem}
.portada__lineas{display:flex;flex-wrap:wrap;gap:6px 0;margin-top:1.5rem;font-size:.9rem;color:#93A9BC}
.portada__lineas > *{padding-right:14px;margin-right:14px;border-right:1px solid rgba(233,238,245,.2);text-decoration:none;color:#B8C6D4}
.portada__lineas > *:last-child{border-right:0;margin-right:0;padding-right:0}
.portada__lineas a:hover{color:#fff}
.portada__lineas b{color:#fff;font-weight:650}
.portada__foto{position:relative;overflow:hidden;background:var(--navy-900)}
.portada__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:52% 32%}
.portada__foto::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,var(--navy-950) 0%,rgba(10,26,41,.55) 9%,rgba(10,26,41,0) 26%),linear-gradient(0deg,rgba(10,26,41,.45),rgba(10,26,41,0) 30%);pointer-events:none}
.portada__foto figcaption{position:absolute;right:clamp(14px,2vw,28px);bottom:clamp(14px,2vw,24px);z-index:2}
.portada__foto figcaption a{display:inline-flex;gap:.4rem;align-items:center;padding:.45rem .85rem;border-radius:6px;background:rgba(10,26,41,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;text-decoration:none;font-size:.82rem;font-weight:600}
.portada__foto figcaption a:hover{background:var(--navy-950)}
.portada__hechos{position:relative;width:min(var(--ancho),100% - 2*var(--gut));margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);padding:20px 0 calc(22px + env(safe-area-inset-bottom))}
.portada__hechos li{display:flex;align-items:center;gap:.6rem;font-size:.9rem;color:#B8C6D4;padding-right:12px}
.portada__hechos b{color:#fff;font-weight:600}
.portada__hechos .ico{color:var(--oro);width:1.25rem;height:1.25rem}
@media (min-width:900px) and (max-height:700px){
  .portada__h1{font-size:clamp(2rem,1rem + 3.2vw,3.1rem)}
  .portada__baja{margin-top:.7rem}
  .portada__acc{margin-top:1.1rem}
  .portada__lineas{margin-top:1rem}
}
@media (max-width:1099px) and (min-width:900px){.portada__in{grid-template-columns:minmax(0,1fr) 50%}}
/* Teléfono y tableta: primero el mensaje y los botones; la foto debajo, a todo lo ancho */
@media (max-width:899px){
  .portada__in{grid-template-columns:1fr;min-height:0}
  .portada__txt{padding:26px var(--gut) 24px}
  .portada__h1{max-width:14ch}
  .portada__foto{aspect-ratio:4/3.1;max-height:72svh}
  .portada__foto::before{background:linear-gradient(180deg,var(--navy-950) 0%,rgba(10,26,41,0) 22%),linear-gradient(0deg,rgba(10,26,41,.5),rgba(10,26,41,0) 35%)}
  .portada__hechos{border-top:0}
}
@media (max-width:699px){
  /* Teléfono: la foto arriba (la barra flota encima), y debajo solo lo esencial: título, una línea y dos botones */
  .portada{padding-top:0}
  .portada__foto{order:-1;aspect-ratio:4/3.35;max-height:none}
  .portada__foto::before{background:linear-gradient(180deg,rgba(10,26,41,.55) 0%,rgba(10,26,41,0) 30%),linear-gradient(0deg,var(--navy-950) 0%,rgba(10,26,41,0) 32%)}
  .portada__foto figcaption{bottom:auto;top:calc(var(--nav-h) + 18px + env(safe-area-inset-top));right:var(--gut)}
  .portada__txt{padding:4px var(--gut) 30px;margin-top:-28px;position:relative;z-index:2}
  .portada__sello,.portada__lineas,.portada__hechos{display:none}
  .portada__h1{margin-top:0;max-width:none;font-size:clamp(2rem,1.2rem + 4.6vw,2.5rem)}
  .portada__baja{margin-top:.7rem;font-size:1rem}
  .portada__acc{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:1.3rem}
  .portada__acc .btn{width:100%;padding:0 .7rem;min-height:52px;font-size:.96rem}
}
@media (max-width:359px){.portada__acc{grid-template-columns:1fr}}
/* Teléfono acostado: texto y foto lado a lado */
@media (max-width:999px) and (orientation:landscape) and (max-height:520px){
  .portada__in{grid-template-columns:1fr 1fr}
  .portada__txt{padding:12px var(--gut)}
  .portada__sello,.portada__lineas{display:none}
  .portada__baja{margin-top:.5rem;font-size:.92rem}
  .portada__acc{margin-top:.9rem;gap:8px}
  .portada__acc .btn{min-height:46px;padding:0 1rem;font-size:.9rem}
  .portada__acc{display:flex}
  .portada__acc .btn{width:auto}
  .portada__h1{font-size:2rem}
  .portada__foto{aspect-ratio:auto}
  .portada__hechos{display:none}
}

/* ---------- 2 · Catálogo ---------- */
.cat{padding:clamp(56px,8vw,104px) 0 clamp(56px,8vw,96px)}
.cat__cab{display:grid;gap:.6rem;margin-bottom:1.6rem}
.cat__filtros{position:relative;display:inline-flex;gap:2px;padding:4px;margin-bottom:clamp(24px,3vw,36px);background:#fff;border-radius:10px;box-shadow:0 0 0 1px var(--linea)}
.cat__ind{position:absolute;z-index:0;left:0;top:4px;bottom:4px;width:0;border-radius:7px;background:var(--navy-950);transition:transform .45s var(--sale),width .45s var(--sale)}
.no-js .cat__ind{display:none}
.chip{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:44px;padding:0 1.15rem;border:0;border-radius:7px;background:transparent;font-weight:600;font-size:.95rem;color:var(--tinta-2);transition:color .3s ease}
.chip small{font-size:.76rem;font-weight:600;color:var(--tinta-3);transition:color .3s}
.chip:hover{color:var(--tinta)}
.chip[aria-pressed="true"]{color:#fff}
.chip[aria-pressed="true"] small{color:var(--oro)}
.no-js .chip[aria-pressed="true"]{background:var(--navy-950)}
.cat__grupo + .cat__grupo{margin-top:clamp(52px,7vw,88px)}
.cat__grupo[hidden]{display:none}
.cat__h3{display:flex;align-items:baseline;flex-wrap:wrap;gap:.2rem .7rem;font-size:clamp(1.3rem,1.1rem + .6vw,1.6rem);font-weight:650;letter-spacing:-.02em;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--linea)}
.cat__h3 small{font-size:.85rem;font-weight:500;color:var(--tinta-3);letter-spacing:0}
.cat__rejilla{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,22px)}
@media (max-width:759px){.cat__rejilla{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cat__filtros{display:flex;width:100%}.chip{flex:1 1 0;padding:0 .4rem;font-size:.9rem;gap:.3rem}}
@media (max-width:359px){.chip{padding:0 .6rem;font-size:.82rem}.chip small{display:none}}

/* Tarjeta: la sala de estudio es igual para todas (luz arriba, piso, sombra y reflejo) */
.tm{position:relative;display:grid;grid-template-rows:auto 1fr auto;background:#fff;border-radius:var(--r);box-shadow:0 0 0 1px var(--linea-2),var(--sombra);overflow:hidden;min-width:0;transition:box-shadow .3s var(--sale),transform .4s var(--sale)}
.tm__enlace{display:grid;text-decoration:none;color:inherit}
.tm__escena{position:relative;display:block;aspect-ratio:16/11;overflow:hidden;--lx:50%;--ly:26%;
  background:radial-gradient(62% 58% at var(--lx) var(--ly),rgba(255,255,255,.98) 0%,rgba(255,255,255,.55) 40%,rgba(255,255,255,0) 72%),
  linear-gradient(180deg,#DCE2E8 0%,#E8ECF0 58%,#E1E6EB 71%,#F0F2F5 88%,#F7F8FA 100%)}
.tm__escena::before{content:"";position:absolute;left:12%;right:12%;top:77%;height:10%;background:radial-gradient(closest-side,rgba(10,26,41,.32),rgba(10,26,41,.08) 58%,rgba(10,26,41,0));z-index:0}
.tm__foto{position:absolute;inset:9% 7% 19%;z-index:1;display:block}
.tm__img{width:100%;height:100%;object-fit:contain;object-position:50% 100%;-webkit-box-reflect:below 1px linear-gradient(transparent 0%,transparent 72%,rgba(0,0,0,.14) 100%);transition:transform .9s var(--sale)}
.tm__foto--r57-pro{inset:5% 12% 19%}
.tm__foto--r22-pro{inset:7% 12% 19%}
.tm__foto--rb29{inset:16% 5% 19%}
.tm__foto--rf35e{inset:12% 6% 19%}
.tm__sello{position:absolute;left:10px;top:10px;z-index:2;font-size:.7rem;font-weight:650;letter-spacing:.02em;background:var(--navy-950);color:#fff;padding:.32rem .6rem;border-radius:4px}
.tm__ver{position:absolute;right:10px;top:10px;z-index:2;display:inline-flex;align-items:center;gap:.35rem;font-size:.76rem;font-weight:600;background:#fff;color:var(--navy-950);padding:.35rem .7rem;border-radius:5px;box-shadow:0 0 0 1px var(--linea);opacity:0;transform:translateY(-4px);transition:opacity .25s,transform .35s var(--sale)}
.tm__ver .ico{width:.95rem;height:.95rem}
.tm__texto{display:grid;gap:.15rem;padding:14px 16px 4px}
.tm__tipo{font-size:.74rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--tinta-3)}
.tm__nombre{font-size:clamp(1.3rem,1.1rem + .55vw,1.6rem);font-weight:700;letter-spacing:-.025em;line-height:1.1}
.tm__cifras{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:10px 16px 0;border-top:1px solid var(--linea-2)}
.tm__cifras div{padding:10px 8px 10px 0;display:flex;flex-direction:column-reverse;gap:2px}
.tm__cifras div + div{padding-left:10px;border-left:1px solid var(--linea-2)}
.tm__cifras dt{font-size:.72rem;color:var(--tinta-3);line-height:1.25}
.tm__cifras dd{font-size:1.06rem;font-weight:650;letter-spacing:-.01em;white-space:nowrap;font-variant-numeric:tabular-nums}
.tm__cifras small{font-size:.75em;font-weight:500;color:var(--tinta-2);margin-left:.2em}
.tm__acc{padding:6px 16px 14px;display:grid;gap:2px}
.tm__ficha{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-height:36px;font-size:.84rem;font-weight:600;color:var(--tinta-2);text-decoration:none}
.tm__ficha .ico{width:.95rem;height:.95rem;transition:transform .35s var(--sale)}
@media (hover:hover){.tm:hover .tm__ficha{color:var(--tinta)}.tm:hover .tm__ficha .ico{transform:translateX(3px)}}
@media (hover:hover){
  .tm:hover{box-shadow:0 0 0 1px #C5CFDA,0 22px 44px -26px rgba(10,26,41,.45);transform:translateY(-3px)}
  .tm__enlace:hover .tm__ver{opacity:1;transform:none}
  .tm__enlace:hover .tm__img{transform:scale(1.035)}
  .tm__escena{transition:--lx .6s var(--sale),--ly .6s var(--sale)}
}
@property --lx{syntax:"<percentage>";inherits:false;initial-value:50%}
@property --ly{syntax:"<percentage>";inherits:false;initial-value:26%}
.tm__enlace:focus-visible{outline-offset:-3px}
.tm__enlace:focus-visible .tm__ver{opacity:1;transform:none}
@media (max-width:759px){
  .tm__escena{aspect-ratio:1/.86}
  .tm__foto{inset:14% 5% 20%}
  .tm__foto--r57-pro{inset:7% 14% 20%}
  .tm__foto--r22-pro{inset:10% 10% 20%}
  .tm__sello{left:8px;top:8px;font-size:.62rem;padding:.25rem .45rem;max-width:calc(100% - 16px);white-space:normal;line-height:1.2}
  .tm__ver{display:none}
  .tm__texto{padding:10px 11px 2px}
  .tm__tipo{font-size:.64rem;letter-spacing:.05em}
  .tm__nombre{font-size:1.18rem}
  .tm__cifras{margin:6px 11px 0}
  .tm__cifras dt{font-size:.68rem}
  .tm__cifras dd{font-size:.86rem}
  .tm__tipo{min-height:2.5em}
  .tm__ficha{min-height:32px;font-size:.78rem}
  .tm__acc{padding:6px 11px 11px}
  .tm__acc .btn{min-height:42px;font-size:.88rem;padding:0 .6rem;gap:.4rem}
}
@media (max-width:999px){
  .tm__cifras{grid-template-columns:1fr}
  .tm__cifras div{flex-direction:row;justify-content:space-between;align-items:baseline;gap:6px;padding:6px 0;border-top:1px solid var(--linea-2)}
  .tm__cifras div:first-child{border-top:0}
  .tm__cifras div + div{padding-left:0;border-left:0}
}

/* Recuadro de ayuda dentro de la rejilla (completa la fila y responde la duda que queda) */
.tm-ayuda{display:flex;flex-direction:column;gap:.8rem;justify-content:center;padding:clamp(18px,2.4vw,30px);border-radius:var(--r);background:var(--navy-950);color:#C9D5E2}
.tm-ayuda__t{font-size:clamp(1.2rem,1.05rem + .5vw,1.5rem);font-weight:700;letter-spacing:-.02em;color:#fff;line-height:1.15}
.tm-ayuda .btn--linea{border-color:rgba(233,238,245,.6);color:#fff}
.tm-ayuda .btn--linea:hover{background:#fff;color:var(--navy-950)}
.tm-ayuda .enlace{color:#fff;align-self:flex-start}
.tm-ayuda__nota{font-size:.92rem}
.tm-ayuda__nota b{color:#fff}
.duelo{display:grid;gap:10px}
.duelo div{padding:10px 0;border-top:1px solid rgba(233,238,245,.16)}
.duelo dt{font-weight:650;color:#fff}
.duelo dt small{font-weight:500;color:var(--oro);margin-left:.4em;font-size:.85em}
.duelo dd{font-size:.92rem}
@media (max-width:759px){
  .tm-ayuda{gap:.6rem;padding:14px}
  .tm-ayuda > p:not(.tm-ayuda__t){font-size:.86rem;line-height:1.45}
  .tm-ayuda .btn{min-height:42px;font-size:.88rem;padding:0 .6rem}
  .tm-ayuda .enlace{font-size:.86rem}
  .tm-ayuda--compara{grid-column:1/-1}
  .tm-ayuda--compara .duelo{grid-template-columns:1fr 1fr;gap:12px}
}

/* ---------- 3 · Alquiler (claro) y 4 · Financiamiento (oscuro): dos secciones separadas, cada una con su lado ---------- */
.alq{background:#fff;padding:clamp(56px,8vw,112px) 0;scroll-margin-top:calc(var(--nav-h) + 20px)}
.alq__in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(24px,5vw,72px);align-items:center}
.alq__fig{position:relative;aspect-ratio:4/4.6;border-radius:16px;overflow:hidden;background:#DCE2E8;max-height:680px}
.alq__img{width:100%;height:100%;object-fit:cover;object-position:50% 55%}
.alq__txt{display:grid;gap:1rem;justify-items:start;min-width:0}
.alq__acc{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:.4rem}
.pasos{display:grid;gap:0;margin:.4rem 0 .2rem;counter-reset:p;width:100%}
.pasos li{--p:1;position:relative;display:grid;gap:2px;padding:0 0 18px 46px;counter-increment:p}
.pasos li::before{content:counter(p);position:absolute;left:0;top:-2px;width:30px;height:30px;display:grid;place-items:center;border-radius:6px;background:var(--navy-950);color:#fff;font-weight:650;font-size:.9rem;font-variant-numeric:tabular-nums}
.pasos li::after{content:"";position:absolute;left:14px;top:32px;bottom:2px;width:2px;background:var(--oro);transform-origin:top;transform:scaleY(var(--p))}
.pasos li:last-child{padding-bottom:0}
.pasos li:last-child::after{display:none}
.pasos b{font-weight:650;font-size:1.02rem}
.pasos span{color:var(--tinta-2);font-size:.95rem}
.fin{background:var(--navy-950);color:#fff;padding:clamp(56px,8vw,112px) 0;scroll-margin-top:calc(var(--nav-h) + 20px);overflow:hidden}
.fin__in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(24px,5vw,72px);align-items:center}
.fin__txt{display:grid;gap:1rem;justify-items:start;min-width:0}
.fin .baja{color:#C9D5E2}
.fin__acc{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:.4rem}
.fin__fig{position:relative;aspect-ratio:4/3.1;border-radius:16px;overflow:hidden;background:radial-gradient(60% 70% at 50% 30%,#fff,rgba(255,255,255,0) 70%),linear-gradient(180deg,#DCE2E8,#EEF1F4 75%,#F5F6F8)}
.fin__img{position:absolute;left:12%;right:12%;bottom:12%;top:8%;width:76%;height:80%;object-fit:contain;object-position:50% 100%}
.fin__piso{position:absolute;left:20%;right:20%;bottom:9%;height:9%;background:radial-gradient(closest-side,rgba(10,26,41,.32),rgba(10,26,41,0))}
.etiqueta--oro{color:var(--oro)}
.lista-ok--clara li{color:#C9D5E2}
.lista-ok--clara li::before{border-color:var(--oro)}
.enlace--claro{color:#fff}
@media (hover:hover){.enlace--claro:hover{background-image:linear-gradient(#fff,#fff)}}
.fin .btn--wa{--barrido:#fff;--txt-hover:var(--navy-950)}
@media (max-width:899px){
  .alq__in,.fin__in{grid-template-columns:1fr}
  .alq__fig{aspect-ratio:4/3.2}
  .fin__fig{order:-1}
}
@media (max-width:599px){
  .alq__acc,.fin__acc{display:grid;width:100%;gap:14px}
  .alq__acc .btn,.fin__acc .btn{width:100%}
  .alq__acc .enlace,.fin__acc .enlace{justify-self:start}
}

/* ---------- 4 · Respaldo ---------- */
.respaldo{padding:clamp(56px,8vw,96px) 0}
.respaldo .h2{margin-bottom:clamp(22px,3vw,36px)}
.respaldo__lista{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(12px,1.6vw,20px)}
.respaldo__lista li{background:#fff;border-radius:var(--r);padding:22px;box-shadow:0 0 0 1px var(--linea-2)}
.respaldo__ico{width:2rem;height:2rem;color:var(--oro-hondo);margin-bottom:14px;stroke-width:1.5}
.respaldo__lista h3{font-size:1.08rem;font-weight:650;letter-spacing:-.01em;margin-bottom:.35rem}
.respaldo__lista p{font-size:.94rem;color:var(--tinta-2)}
@media (max-width:999px){.respaldo__lista{grid-template-columns:1fr 1fr}}
@media (max-width:599px){
  .respaldo__lista{grid-template-columns:1fr;gap:8px}
  .respaldo__lista li{display:grid;grid-template-columns:auto 1fr;column-gap:14px;padding:16px}
  .respaldo__ico{grid-row:span 2;margin:0;width:1.7rem;height:1.7rem}
}

/* ---------- 5 · Preguntas ---------- */
.preguntas{background:#fff;padding:clamp(56px,8vw,104px) 0}
.preguntas__in{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(24px,5vw,72px);align-items:start}
.preguntas__cab{display:grid;gap:.9rem;justify-items:start}
.preg{border-bottom:1px solid var(--linea)}
.preg:first-child{border-top:1px solid var(--linea)}
.preg__q button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;background:none;border:0;text-align:left;font-size:1.05rem;font-weight:600;letter-spacing:-.01em;min-height:56px}
.preg__q .ico{width:1.3rem;height:1.3rem;color:var(--oro-hondo);transition:transform .35s var(--sale)}
.preg__q button[aria-expanded="true"] .ico{transform:rotate(45deg)}
.preg__r{overflow:hidden}
.preg__r p{padding:0 2.4rem 20px 0;color:var(--tinta-2);max-width:44rem}
@media (max-width:899px){.preguntas__in{grid-template-columns:1fr}}

/* ---------- 6 · Cierre ---------- */
.cierre{background:linear-gradient(180deg,#0B1C2C,#0A1A29);color:#fff;padding:clamp(64px,9vw,120px) 0;text-align:center}
.cierre__in{display:grid;justify-items:center;gap:1rem}
.cierre__h2{font-size:var(--t-h2);font-weight:700;letter-spacing:-.03em;line-height:1.08;max-width:18ch;text-wrap:balance}
.cierre__baja{color:#C9D5E2;max-width:36rem;font-size:var(--t-baja)}
.cierre__acc{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:.6rem}
.cierre__dato{font-size:.88rem;color:#93A9BC;max-width:40rem}
@media (max-width:599px){.cierre__acc{display:grid;width:100%}.cierre__acc .btn{width:100%}}

/* ---------- Pie ---------- */
.pie{background:#fff;border-top:1px solid var(--linea-2);padding:48px 0 calc(24px + env(safe-area-inset-bottom))}
.pie__in{width:min(var(--ancho),100% - 2*var(--gut));margin-inline:auto;display:grid;grid-template-columns:2fr 1fr 1.3fr;gap:32px}
.pie__logo{width:190px;opacity:0;transition:opacity .4s}
.pie__logo.is-cargada,.no-js .pie__logo{opacity:1}
.pie__marca p{margin-top:12px;color:var(--tinta-2);font-size:.93rem;max-width:22rem}
.pie__col{display:grid;align-content:start;gap:8px}
.pie__col h2{font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;color:var(--tinta-3);font-weight:600;margin-bottom:4px}
.pie__col a{text-decoration:none;color:var(--tinta-2);font-size:.95rem;padding:2px 0}
.pie__col a:hover{color:var(--tinta);text-decoration:underline}
.pie__red{display:inline-flex;align-items:center;gap:.5rem}
.pie__nota{font-size:.9rem;color:var(--tinta-2)}
.pie__legal{width:min(var(--ancho),100% - 2*var(--gut));margin:36px auto 0;padding-top:20px;border-top:1px solid var(--linea-2);display:grid;gap:4px;font-size:.8rem;color:var(--tinta-3)}
@media (max-width:799px){.pie__in{grid-template-columns:1fr 1fr}.pie__marca{grid-column:1/-1}}

/* ---------- Fichas (hoja) ---------- */
.fichas{display:grid;gap:24px;padding:40px var(--gut)}
.js .fichas{position:fixed;inset:0;z-index:60;padding:0;display:block;background:rgba(6,15,24,.6);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility 0s linear .3s}
.js .fichas.is-abierta{opacity:1;visibility:visible;transition:opacity .3s ease}
.ficha{background:#fff;border-radius:18px;overflow:hidden}
.js .ficha{display:none;position:absolute;left:50%;top:50%;width:min(1180px,100% - 40px);height:min(860px,100dvh - 40px);transform:translate(-50%,-48%);transition:transform .45s var(--sale);flex-direction:column;box-shadow:0 30px 80px -30px rgba(0,0,0,.6)}
.js .ficha.is-activa{display:flex}
.js .fichas.is-abierta .ficha.is-activa{transform:translate(-50%,-50%)}
.ficha:focus{outline:none}
.ficha__barra{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px 12px 22px;border-bottom:1px solid var(--linea-2);flex:0 0 auto}
.ficha__miga{font-size:.88rem;color:var(--tinta-3)}
.ficha__miga b{color:var(--tinta);font-weight:600}
.x{width:44px;height:44px;border-radius:8px;border:1.5px solid var(--linea);background:#fff;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}
.x:hover{border-color:var(--navy-950)}
.x .ico{width:1.2rem;height:1.2rem}
.ficha__cuerpo{flex:1 1 auto;overflow:auto;overscroll-behavior:contain;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:start}
.ficha__galeria{position:sticky;top:0;padding:22px;display:grid;gap:12px;align-content:start}
.ficha__vista{position:relative;aspect-ratio:4/3.3;border-radius:var(--r);overflow:hidden;background:radial-gradient(62% 58% at 50% 26%,#fff,rgba(255,255,255,0) 72%),linear-gradient(180deg,#DCE2E8 0%,#E9ECF0 62%,#F3F5F7 100%)}
.ficha__vista.is-foto{background:#E4E8ED}
.ficha__img{position:absolute;inset:8% 6% 10%;width:88%;height:82%;margin:auto;object-fit:contain;object-position:50% 100%}
.ficha__vista.is-foto .ficha__img{inset:0;width:100%;height:100%;object-position:50% 50%}
.ficha__tiras{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}
.tira{display:block;flex:0 0 78px;height:62px;border-radius:8px;overflow:hidden;background:var(--papel);box-shadow:0 0 0 1px var(--linea);opacity:.75;transition:opacity .2s,box-shadow .2s}
.tira img{width:100%;height:100%;object-fit:cover}
.tira[data-tipo="recorte"] img{object-fit:contain;padding:4px}
.tira.is-activa,.tira:hover{opacity:1;box-shadow:0 0 0 2px var(--navy-950)}
.ficha__txt{padding:26px 28px 32px 6px;display:grid;gap:14px;align-content:start}
.ficha__tipo{font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--tinta-3)}
.ficha__h2{font-size:clamp(2rem,1.5rem + 1.8vw,3rem);font-weight:720;letter-spacing:-.035em;line-height:1;margin-top:-6px}
.ficha__frase{font-size:1.08rem;color:var(--tinta-2)}
.cifras{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--linea)}
.cifras div{padding:14px 10px 14px 0;display:flex;flex-direction:column-reverse;gap:2px}
.cifras div + div{padding-left:14px;border-left:1px solid var(--linea)}
.cifras dt{font-size:.78rem;color:var(--tinta-3)}
.cifras dd{font-size:clamp(1.35rem,1.1rem + .9vw,1.9rem);font-weight:650;letter-spacing:-.02em;white-space:nowrap;font-variant-numeric:tabular-nums}
.cifras small{font-size:.55em;font-weight:500;color:var(--tinta-2);margin-left:.2em}
.ficha__acc{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ficha__acc > .btn--wa{grid-column:1/-1}
.ficha__resumen{color:var(--tinta-2)}
.ficha__h3{font-size:1.2rem;font-weight:650;letter-spacing:-.015em;margin-top:8px}
.tabla{display:grid}
.tabla div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:12px;padding:10px 0;border-bottom:1px solid var(--linea-2);font-size:.93rem}
.tabla dt{color:var(--tinta-3)}
.tabla dd{font-weight:500}
.ficha__nav{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.ficha__nav a{display:grid;padding:12px 14px;border-radius:var(--r-s);background:var(--papel);text-decoration:none;font-weight:600}
.ficha__nav a:last-child{text-align:right}
.ficha__nav small{font-size:.75rem;color:var(--tinta-3);font-weight:500}
@media (max-width:899px){
  .js .ficha{left:0;top:0;width:100%;height:100dvh;border-radius:0;transform:translateY(24px)}
  .js .fichas.is-abierta .ficha.is-activa{transform:none}
  .ficha__barra{padding-top:calc(10px + env(safe-area-inset-top));padding-left:var(--gut)}
  .ficha__cuerpo{grid-template-columns:1fr;padding-bottom:env(safe-area-inset-bottom)}
  .ficha__galeria{position:static;padding:14px var(--gut) 0}
  .ficha__txt{padding:16px var(--gut) 32px}
}
@media (max-width:420px){.ficha__acc{grid-template-columns:1fr}.cifras dd{font-size:1.2rem}.cifras div + div{padding-left:10px}}

/* ---------- Ventanas: alquiler y «Te ayudo a elegir» ---------- */
dialog{padding:0;border:0;background:transparent;color:inherit;max-width:none;max-height:none}
dialog::backdrop{background:rgba(6,15,24,.6)}
.hoja-alq__caja,.elige__caja{background:#fff;border-radius:18px;width:min(620px,100vw - 32px);max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain;padding:22px clamp(18px,3vw,30px) 26px;display:grid;gap:16px}
.hoja-alq__cab,.elige__cab{display:flex;justify-content:space-between;align-items:center}
.hoja-alq__h2,.elige__h2{font-size:clamp(1.5rem,1.25rem + 1vw,2rem);font-weight:700;letter-spacing:-.03em;line-height:1.1}
.hoja-alq__pie{display:grid;gap:10px}
.hoja-alq__nota{margin-top:-6px;font-size:.92rem}
@media (max-width:599px){
  .hoja-alq__caja,.elige__caja{width:100vw;max-height:100dvh;height:100dvh;border-radius:0;padding-top:calc(16px + env(safe-area-inset-top));padding-bottom:calc(20px + env(safe-area-inset-bottom));align-content:start}
}
.arma{display:grid;gap:16px}
.arma__fila{display:flex;justify-content:space-between;align-items:center;gap:12px}
.arma__bloque{border:0;padding:0;margin:0;display:grid;gap:8px;min-width:0}
.arma__eti{font-weight:600;font-size:.95rem;padding:0}
.arma__eti small{font-weight:500;color:var(--tinta-3);margin-left:.3em}
.pasonum{display:flex;align-items:center;border:1.5px solid var(--linea);border-radius:8px;overflow:hidden}
.pasonum button{width:44px;height:44px;border:0;background:#fff;font-size:1.3rem}
.pasonum button:disabled{opacity:.35;cursor:default}
.pasonum output{min-width:2.6rem;text-align:center;font-weight:700;font-size:1.15rem;font-variant-numeric:tabular-nums;display:inline-block}
.opciones{display:flex;flex-wrap:wrap;gap:8px}
.opciones label{position:relative}
.opciones input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.opciones span{display:inline-flex;align-items:center;min-height:42px;padding:0 1rem;border-radius:7px;border:1.5px solid var(--linea);font-weight:500;font-size:.93rem;transition:background-color .2s,color .2s,border-color .2s}
.opciones input:checked + span{background:var(--navy-950);border-color:var(--navy-950);color:#fff}
.opciones input:focus-visible + span{outline:3px solid var(--oro);outline-offset:2px}
.arma__campos{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.campo{display:grid;gap:6px}
.campo--ancho{grid-column:1/-1}
.campo input,.campo textarea{font:inherit;font-size:16px;padding:11px 13px;border:1.5px solid var(--linea);border-radius:var(--r-s);background:#fff;color:var(--tinta);width:100%;min-height:46px}
.campo input:focus,.campo textarea:focus{border-color:var(--navy-950);outline:none}
@media (max-width:479px){.arma__campos{grid-template-columns:1fr}}
.mensaje{display:grid;gap:6px}
.mensaje__eti{font-size:.88rem;font-weight:600;color:var(--tinta-3)}
.mensaje__burbuja{white-space:pre-line;background:#E7F6EA;border-radius:14px 14px 14px 4px;padding:12px 14px;font-size:.95rem;color:#1E3A27}
.mensaje__burbuja mark{background:#C9EDD1;color:inherit;border-radius:3px;transition:background-color 1.2s}
.mensaje__burbuja mark.is-viejo{background:transparent}

.elige__sello{font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--oro-hondo)}
.elige__avance{font-size:.88rem;color:var(--tinta-3);margin-top:-8px}
.elige__paso{border:0;padding:0;margin:0;display:grid;gap:12px;min-width:0}
.elige__paso[hidden]{display:none}
.elige__paso legend{font-weight:650;font-size:1.1rem;margin-bottom:10px;padding:0}
.elige__ops{display:grid;gap:8px}
.elige__ops[hidden]{display:none}
.elige__op{position:relative}
.elige__op input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.elige__op span{display:block;padding:14px 16px;border-radius:var(--r-s);border:1.5px solid var(--linea);font-weight:500;transition:background-color .2s,border-color .2s}
.elige__op input:checked + span{background:var(--navy-950);color:#fff;border-color:var(--navy-950)}
.elige__op input:focus-visible + span{outline:3px solid var(--oro);outline-offset:2px}
@media (hover:hover){.elige__op:hover span{border-color:var(--navy-950)}}
.elige__resultado{display:grid;gap:14px}
.elige__resultado[hidden]{display:none}
.elige__resultado:focus{outline:none}
.elige__rec{font-size:.9rem;font-weight:600;color:var(--tinta-3)}
.elige__maq{display:grid;grid-template-columns:150px 1fr;gap:14px;align-items:center;background:var(--papel);border-radius:var(--r);padding:12px}
.elige__maq img{width:100%;height:110px;object-fit:contain}
.elige__maq h3{font-size:1.5rem;font-weight:700;letter-spacing:-.02em}
.elige__maq .placa{font-size:.75rem;color:var(--tinta-3);display:flex;gap:.5rem}
.elige__porque{display:grid;gap:6px}
.elige__porque li{position:relative;padding-left:1.4rem;color:var(--tinta-2)}
.elige__porque li::before{content:"";position:absolute;left:.1rem;top:.5em;width:.7rem;height:.38rem;border-left:2px solid var(--oro-hondo);border-bottom:2px solid var(--oro-hondo);transform:rotate(-45deg)}
.elige__acc{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px}
.elige__otro{font-size:.92rem;color:var(--tinta-2)}
.elige__otra-vez,.elige__atras{justify-self:start;background:none;border:0;padding:6px 0;font-weight:600;color:var(--tinta-2);text-decoration:underline;text-underline-offset:.25em;display:inline-flex;align-items:center;gap:.4rem}
.elige__atras .ico{transform:scaleX(-1)}
.elige__atras[hidden]{display:none}
@media (max-width:479px){.elige__maq{grid-template-columns:110px 1fr}.elige__maq img{height:84px}}

/* ---------- Página de una máquina (/r22-pro/) ---------- */
.maq{padding-top:calc(var(--nav-h) + 22px + env(safe-area-inset-top))}
.maq__portada{background:#fff;padding:clamp(18px,3vw,36px) 0 clamp(36px,5vw,64px)}
.miga{display:flex;flex-wrap:wrap;gap:.45rem;font-size:.86rem;color:var(--tinta-3);margin-bottom:clamp(14px,2vw,24px)}
.miga a{text-decoration:none}
.miga a:hover{color:var(--tinta);text-decoration:underline}
.miga [aria-current]{color:var(--tinta);font-weight:600}
.maq__rejilla{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(20px,4vw,56px);align-items:center}
.maq__escena{position:relative;aspect-ratio:4/3.2;border-radius:18px;overflow:hidden;background:radial-gradient(62% 58% at 50% 26%,#fff,rgba(255,255,255,0) 72%),linear-gradient(180deg,#DCE2E8 0%,#E9ECF0 62%,#F3F5F7 100%)}
.maq__escena::before{content:"";position:absolute;left:14%;right:14%;bottom:10%;height:8%;background:radial-gradient(closest-side,rgba(10,26,41,.3),rgba(10,26,41,0))}
.maq__img{position:absolute;inset:8% 7% 12%;width:86%;height:80%;margin:auto;object-fit:contain;object-position:50% 100%;-webkit-box-reflect:below 1px linear-gradient(transparent 0%,transparent 74%,rgba(0,0,0,.14) 100%)}
.maq__datos{display:grid;gap:14px}
.maq__h1{font-size:clamp(2.4rem,1.6rem + 3vw,4rem);font-weight:720;letter-spacing:-.04em;line-height:.98}
.maq__acc{display:grid;gap:10px}
.maq__acc .fila-2{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center}
.maq__mas{padding:clamp(40px,6vw,80px) 0}
.maq__mas .maq__rejilla{align-items:start}
.maq__mas .ficha__galeria{position:sticky;top:calc(var(--nav-h) + 16px);padding:0}
.maq__mas .ficha__txt{padding:0}
.maq__otras{background:#fff;padding:clamp(40px,6vw,80px) 0}
.maq__otras .h2{margin-bottom:20px}
@media (max-width:899px){
  .maq__rejilla{grid-template-columns:1fr}
  .maq__mas .ficha__galeria{position:static}
}
@media (max-width:759px){.maq__otras .cat__rejilla{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---------- Aviso legal y 404 ---------- */
.legal{padding:calc(var(--nav-h) + 40px) 0 72px;background:#fff}
.legal__in{width:min(780px,100% - 2*var(--gut));margin-inline:auto;display:grid;gap:14px}
.legal h1{font-size:var(--t-h2);font-weight:700;letter-spacing:-.03em;line-height:1.1}
.legal h2{font-size:1.25rem;font-weight:650;margin-top:16px}
.legal p,.legal li{color:var(--tinta-2)}
.legal ul{list-style:disc;padding-left:1.2rem;display:grid;gap:6px}
.legal__baja{font-size:var(--t-baja);color:var(--tinta)}
.legal__fecha{font-size:.85rem;color:var(--tinta-3)}
.legal__indice{list-style:none!important;padding:0!important;display:flex!important;flex-wrap:wrap;gap:8px!important;margin:6px 0 4px}
.legal__indice a{display:inline-flex;min-height:40px;align-items:center;padding:0 .9rem;border-radius:6px;background:var(--papel);text-decoration:none;font-size:.9rem;font-weight:500}
.legal__sec{display:grid;gap:10px;padding-top:18px;border-top:1px solid var(--linea-2);margin-top:8px;scroll-margin-top:calc(var(--nav-h) + 12px)}
.legal .puntos{list-style:disc;padding-left:1.2rem;display:grid;gap:6px}
.legal__acc{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
.legal .btn{background:var(--oro);color:var(--navy-950)}
.e404{min-height:100svh;display:grid;place-items:center;text-align:center;padding:40px var(--gut);background:#fff}
.e404__in{display:grid;gap:14px;justify-items:center;max-width:32rem}
.e404__logo img{width:220px}
.e404__cod{font-size:.8rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--oro-hondo)}
.e404__h1{font-size:var(--t-h2);font-weight:700;letter-spacing:-.03em;line-height:1.1}
.e404__baja{color:var(--tinta-2)}
.e404__acc{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:8px}
.e404 .btn{background:var(--oro);color:var(--navy-950)}
.e404 .btn--oscuro{background:var(--navy-950);color:#fff}

/* ---------- Bienvenida (solo la primera vez): el logo aparece y la cortina sube ---------- */
.intro{display:none}
html.con-intro .intro{display:grid;position:fixed;inset:0;z-index:100;place-items:center;background:#fff;animation:intro-fuera .4s ease 2.2s forwards}
/* red de seguridad: si el script no llega, la bienvenida se va sola a los 2,2 s */
@keyframes intro-fuera{to{opacity:0;visibility:hidden}}
.intro__in{display:grid;justify-items:center;gap:16px}
.intro__simbolo{width:clamp(80px,8vw,120px);height:auto}
.intro__nombre{width:clamp(210px,20vw,300px);height:auto}
.intro__linea{display:block;width:clamp(210px,20vw,300px);height:2px;background:var(--oro);transform-origin:left;transform:scaleX(0)}
html.con-intro .intro__linea{animation:intro-linea .7s var(--sale) .1s both}
@keyframes intro-linea{to{transform:none}}

/* ---------- Movimiento ---------- */
.pal{display:inline-block;overflow:hidden;vertical-align:top;padding:.06em .02em .1em;margin:-.06em -.02em -.1em}
.pal > span{display:inline-block}
html.motion .portada__h1 .pal > span{animation:pal-sube 1s var(--sale) both;animation-delay:calc(.12s + var(--i,0) * 70ms)}
html.motion.con-intro .portada__h1 .pal > span,html.motion.con-intro .portada [data-entra-txt]{animation-play-state:paused}
html.motion.con-intro.intro-sale .portada__h1 .pal > span,html.motion.con-intro.intro-sale .portada [data-entra-txt]{animation-play-state:running}
@keyframes pal-sube{from{transform:translateY(105%)}to{transform:none}}


/* Lo que anima GSAP arranca oculto solo cuando el movimiento está activo (si el script falla, todo se ve) */
@keyframes sube{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
html.motion .portada [data-entra-txt]{animation:sube .9s var(--sale) both}
html.motion .portada .portada__sello{animation-delay:0s}
html.motion .portada .portada__baja{animation-delay:.42s}
html.motion .portada .portada__acc{animation-delay:.52s}
html.motion .portada .portada__lineas{animation-delay:.62s}
html.motion .portada__hechos li{animation:sube .8s var(--sale) both;animation-delay:calc(.45s + var(--i,0) * 70ms)}
html.motion .portada__hechos li:nth-child(2){--i:1}html.motion .portada__hechos li:nth-child(3){--i:2}html.motion .portada__hechos li:nth-child(4){--i:3}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}

/* Teléfonos muy angostos (320–359 px) */
@media (max-width:479px){.pie__in{grid-template-columns:1fr;gap:24px}}
@media (max-width:359px){
  .btn{padding:0 1rem;font-size:.92rem}
  .tm__acc .btn .ico{display:none}
  .tm-ayuda .enlace .ico{display:none}
}
.elige__cerrar{width:44px;height:44px;border-radius:8px;border:1.5px solid var(--linea);background:#fff;display:inline-flex;align-items:center;justify-content:center}
.elige__cerrar:hover{border-color:var(--navy-950)}
.elige__cerrar .ico{width:1.2rem;height:1.2rem}