/* Una sola fuente en toda la web. Solo para las webs que cambian de tipografía. */
html body *:not(svg):not(svg *) { font-family: "Lexend", system-ui, sans-serif !important; }
em, cite, .serif { font-style: normal; }
h1, h2, h3 { font-weight: 700; letter-spacing: -0.025em; }
h1, h1 * { font-weight: 700 !important; }
/* Lexend es más ancha que las fuentes originales: reajustes para que nada se corte. */
body[data-prueba="5"] .hero__title { font-size: clamp(38px, 5.1vw, 86px); }
@media (max-width: 760px) {
  body[data-prueba="5"] .hero__line { white-space: normal; }
}
@media (max-width: 480px) {
  body[data-prueba="9"] .barra .boton { font-size: 11.5px; padding: 8px 10px; white-space: nowrap; }
}
:root { --terra: #0F8A6C; --muted: #62686E; }
/* Capa final de las webs Aurora y Océano: una sola fuente y degradados de marca. */
::selection { background: #7CF5CE; color: #0b0b12; }
body[data-prueba="2"] .hero, body[data-prueba="3"] .hero, body[data-prueba="4"] .hero, body[data-prueba="5"] .hero,
body[data-prueba="7"] .portada, body[data-prueba="10"] .portada { background: linear-gradient(135deg, #2A3036, #0C0E10); }
body[data-prueba="8"] .portada, body[data-prueba="11"] .portada { background: linear-gradient(135deg, #7CF5CE, #35C3EE); }
.btn--accent, .boton--color, .cta, .boton-principal { background: linear-gradient(135deg, #7CF5CE, #35C3EE); color: #0b0b12; }
.svc__copy h3 em { color: inherit; opacity: .72; }
/* Fluidez: el mismo aspecto, pintado por la tarjeta gráfica y no por el procesador. */
.deck__glow { inset: 2% -4% -14% 6%; background: radial-gradient(closest-side, var(--accent-deep), transparent); filter: none; }
.deck__card {
  filter: none;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.09), 0 28px 44px -28px rgba(0, 0, 0, 0.75);
  transition: transform 900ms var(--ease-in-out), opacity 700ms var(--ease-out);
  will-change: transform, opacity;
}
/* Sustituye a filter: brightness(); oscurecer con una capa negra da el mismo tono. */
.deck__card::after { content: ""; position: absolute; inset: 0; z-index: 5; background: #000000; opacity: calc(var(--p) * 0.2); pointer-events: none; transition: opacity 900ms var(--ease-in-out); }
.nav { will-change: transform; }
.proj { box-shadow: 0 22px 36px -24px rgba(0, 0, 0, 0.7); }
.svc__float, .hub__t, .loop ul, .tape__track { will-change: transform; }
@media (min-width: 900px) {
  .svc, .proj { will-change: transform; }
  .svc__shade { will-change: opacity; }
}
/* Lo que no se ve no gasta. */
.fuera, .fuera * { animation-play-state: paused !important; }
/* Scroll suave */
html.lenis, html.lenis body { height: auto; }
.lenis.lenis-smooth { scroll-behavior: auto !important; }
.lenis.lenis-stopped { overflow: hidden; }