/* Paleta Diexis: editar aquí para actualizar la identidad del sitio. */
:root {
  --navy:#1A2D42; --midnight:#2E4156; --slate:#2E4156;
  --sage:#AAB7B7; --sand:#C0C8CA; --cream:#D4D8DD;
  --bg:var(--navy); --fg:var(--cream); --mute:var(--sand);
  --accent:var(--sage); --line:rgb(192 200 202 / .3);
  --hero-graphite:#000000;
}
body { background:var(--navy); color:var(--cream); }
::selection { background:var(--sand); color:var(--navy); }
.site-header { mix-blend-mode:normal; color:var(--cream); background:var(--navy); }
.site-header .brand img { mix-blend-mode:screen; }
.menu-toggle { color:var(--cream); border-color:var(--sage); }
.scrollbar { background:var(--midnight); }
.scrollbar>div { background:var(--sage); }
.hero-bottom,.hero-player-controls button { color:var(--sand); }
.hero-player-controls button { border-color:var(--sage); }
.hero-player-controls button:hover { background:var(--midnight); color:var(--cream); }
.mouse { border-color:var(--sage); }
.mouse:before { background:var(--cream); }
.scene-name { mix-blend-mode:normal; color:var(--cream); background:var(--navy); padding:7px 10px; border-radius:16px; }
.control { color:var(--cream); background:rgb(13 27 42 / .94); border-color:var(--sage); }
.control:hover { background:var(--sand); color:var(--navy); }
.outro,.transition-band,.wipe,.wipe i { background:var(--sand); color:var(--navy); }
.fullscreen-menu { background:var(--navy); color:var(--cream); }
.fullscreen-menu nav a { border-bottom-color:rgb(192 200 202 / .3); }
.fullscreen-menu nav a,.outro-footer { border-color:var(--slate); }
.statement,.principles,.gallery-section { background:var(--cream); color:var(--navy); }
.hero { --cream:#F4F1DE; --sand:#D4C4A8; --sage:#778D7A; --accent:#778D7A; }
.statement { background:#FAFBFC; }
.statement-stage { isolation:isolate; overflow:hidden; }
.statement-stage>.inner { position:relative; z-index:1; width:100%; }
.statement-particles { position:absolute; inset:0; width:100%; height:100%; z-index:0; pointer-events:none; }
.statement h2 .soft { color:var(--slate); }
.reading-text .word { color:#BCC5CE; }
.reading-text .word.lit,.motion-off .reading-text .word { color:var(--navy); }
.statement-bottom p,.principles-heading p,.gallery-intro p,.gallery-caption p { color:var(--slate); }
.pill-link:hover,.statement .pill-link:hover,.outro .pill-link:hover { background:var(--navy); color:var(--cream); }
.vision .pill-link:hover { background:var(--sand); color:var(--navy); }
.outro .pill-link { color:var(--navy); }
.features,.vision,dialog { background:var(--midnight); color:var(--cream); }
.features-title p,.feature-info p,.vision p,dialog p { color:var(--sand); }
.feature-card,.principle-card,.gallery-image { background:var(--midnight); color:var(--cream); }
.clarity-card { background:var(--sand); color:var(--navy); }
.clarity-disc { background:var(--cream); }
.clarity-disc i { color:var(--slate); }
.connection-card { background:var(--slate); }
.lion-card>img { filter:saturate(.2); }
.lion-card:after { background:linear-gradient(0deg,var(--navy),transparent 65%); }
.gallery-item { border-color:var(--sand); }
.gallery-meter { background:var(--sand); }
.gallery-meter i { background:var(--sage); }
.gallery-buttons button { border-color:var(--slate); color:var(--navy); }
.gallery-buttons button:hover { background:var(--navy); color:var(--cream); }
.perspective-lines span { -webkit-text-stroke-color:var(--sage); }
.perspective-lines span:nth-child(2) { color:var(--sand); }
dialog { border-color:var(--sage); }
dialog::backdrop { background:rgb(13 27 42 / .8); }
.skip-link { background:var(--sand); color:var(--navy); }
a:focus-visible,button:focus-visible { outline-color:var(--sage); }
@media(prefers-reduced-motion:reduce) { .reading-text .word { color:var(--navy); } }

/* Text-only language selector, kept in reading and keyboard order. */
.header-actions { display:flex; align-items:center; gap:22px; }
.language-switch { display:flex; align-items:center; gap:7px; white-space:nowrap; }
.language-switch button { border:0; border-radius:0; padding:7px 0; background:transparent; color:var(--sand); font:400 11px/1.3 'DM Sans',sans-serif; letter-spacing:.02em; cursor:pointer; text-underline-offset:5px; }
.language-switch button[aria-pressed="true"] { color:var(--cream); text-decoration:underline; text-decoration-thickness:1px; }
.language-switch button:hover { color:var(--cream); }
.language-switch>span { color:var(--sage); font-size:10px; }
@media(max-width:1050px) { .header-mid { display:none; } }
@media(max-width:700px) {
  .site-header { height:90px; }
  .header-actions { flex-direction:column; align-items:flex-end; gap:2px; }
  .language-switch button { padding:6px 0; font-size:11px; }
  .menu-toggle { padding:9px 15px; gap:18px; font-size:10px; }
  .hero { padding-top:105px; }
  .hero .eyebrow { line-height:1.6; }
}

/* Section 04: a clean warm-white surface, distinct from Principles. */
#capabilities.gallery-section { background:#F8F8F5; }
/* Give the problem narrative a centered, more spacious reading measure. */
#problem .statement-bottom{flex-direction:column;align-items:center;gap:28px;text-align:center}
#problem .statement-bottom p{width:100%;max-width:1000px;margin:0 auto;font-size:clamp(19px,1.8vw,28px);line-height:1.65;text-wrap:pretty}