/* VISIÓN PATAGONIA · sobre el sistema RITMO de AERUS (estilos.css). 3-NOV-2026.
   Misma ley: papel, tinta, un solo acento por pantalla. Acá el acento es el cielo: la casa se distingue del producto (lima) de un vistazo. */
:root{--tenant:#1a5fd0;--on-tenant:#f4f3ed;--sello-raya:#f4f3ed}
@media (prefers-color-scheme:dark){:root:not([data-mundo="dia"]){--tenant:#5aa9ff;--on-tenant:#101e1c}}
:root[data-mundo="noche"]{--tenant:#5aa9ff;--on-tenant:#101e1c}

.marca span{letter-spacing:.02em}
.marca small{display:block;font:700 11px/1 var(--font);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-top:4px}
.sello-horizonte{fill:var(--tenant)}
.sello-sol{fill:var(--sello-raya)}

.portada h1{font-size:clamp(44px,11.5vw,96px)}
.portada-casos{display:grid;gap:14px;max-width:560px;width:100%;margin:0 auto}
.portada-casos .telefono{max-width:none}
.portada-casos .telefono-atras{margin-top:48px}

/* casos: el número en cielo es el dato */
.casos{display:grid;gap:16px;margin-top:32px}
.caso{display:grid;gap:14px;align-content:start;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:24px 22px}
.caso .numero{font:700 clamp(48px,10vw,72px)/.9 var(--display);color:var(--cielo);letter-spacing:-.01em}
.caso .numero small{display:block;font:700 12px/1.3 var(--font);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:8px}
.caso h3{font:700 26px/1 var(--display);text-transform:uppercase}
.caso p{color:var(--muted)}
.caso-pie{margin-top:auto;padding-top:12px;border-top:1px solid var(--line);font-size:14px;color:var(--muted)}
.caso-pie strong{color:var(--ink)}

/* cómo trabajamos: cuatro bloques, sin huérfano */
.bloques-4{grid-template-columns:1fr}

/* las tres puertas: cada una lleva a un lugar distinto; el botón en tinta, el acento queda para la acción de la página */
.puertas{display:grid;gap:14px;margin-top:32px}
.puerta{display:grid;gap:12px;align-content:start;background:var(--surface);border:1.5px solid var(--field-line);border-radius:var(--r);padding:24px 22px}
.puerta .rotulo{color:var(--cielo)}
.puerta h3{font:700 30px/1 var(--display);text-transform:uppercase}
.puerta p{color:var(--muted)}
.puerta .condicion{font-weight:700;color:var(--ink)}
.puerta .boton{margin-top:auto;justify-self:start}

/* quiénes somos */
.equipo{display:grid;gap:18px;margin-top:32px}
.equipo p{max-width:38em;font-size:18px;color:var(--muted)}
.equipo p strong{color:var(--ink)}
.equipo-datos{display:flex;flex-wrap:wrap;gap:8px 12px}

@media (min-width:720px){
  .casos{grid-template-columns:repeat(3,1fr)}
  .puertas{grid-template-columns:repeat(3,1fr)}
  .bloques-4{grid-template-columns:repeat(2,1fr)}
}
@media (min-width:980px){
  .bloques-4{grid-template-columns:repeat(4,1fr)}
  .equipo{grid-template-columns:1.2fr .8fr;align-items:start}
}