/* CASA ROCÍO / PALETA ACTIVA · Beige luminoso, arena y champán.
 * Conserva la barra transparente y la composición refinada. beige.css contiene la estructura.
 */
:root { --cream:#f8f5ef; --sand:#ece5da; --linen:#d9cbb8; --coffee:#443c33; --muted:#6e6458; --copper:#796249; --gold:#dfd1b9; }

/* Navegación: transparente sobre las fotografías, cristal sobre el resto. */
body .header {
  background:linear-gradient(180deg,#302a222e,transparent); color:#fffaf1;
  border-bottom:1px solid #ffffff20; box-shadow:none;
  backdrop-filter:blur(3px); -webkit-backdrop-filter:blur(3px);
}
body .header.is-scrolled,body.inner-page .header {
  background:linear-gradient(115deg,#f8f5efc7,#ece5daab);color:var(--coffee);
  backdrop-filter:blur(18px) saturate(110%); -webkit-backdrop-filter:blur(18px) saturate(110%);
  box-shadow:0 6px 24px #443c3308,inset 0 1px #ffffff66; border-bottom-color:#ffffff55;
}
.header .contact { border-color:currentColor; background:#fff1;box-shadow:inset 0 1px #fff3; }
.header nav a[aria-current] { color:inherit; }
.header nav a[aria-current]:after { background:currentColor; }
.header nav a { white-space:nowrap; }
.header .brand { padding-left:57px; font-size:28px;letter-spacing:-.45px; }
.header .brand:before { width:46px;height:49px;top:-2px; }
.header .brand span { letter-spacing:2.7px;font-size:8px; }
.header nav.open { background:#f8f5efed;color:var(--coffee);backdrop-filter:blur(24px); }

/* Fondos cálidos con contraste natural, sin teñir las fotografías. */
.hero-shade,.cinematic-hero .hero-shade { background:linear-gradient(90deg,#3526198a,transparent 77%),linear-gradient(0deg,#352619a8,transparent 40%,transparent 72%,#35261950); }
.hero .pill { background:#f0e8d9e8;color:var(--coffee);border-color:#f5eee2b3;box-shadow:inset 0 1px #fff9;backdrop-filter:blur(8px); }
.hero h1 em,.hero .eyebrow,.hero-note span { color:#eee3ce; }
.hero-note { border-color:#eee3ce70;background:#eee3ce0a;backdrop-filter:blur(5px);border-radius:0 12px 12px 0; }
.essentials,.editorial-section,.page-intro { background:linear-gradient(130deg,#f8f5ef,#eee8dd); }
.intro-section,.reviews { background:#f0ebe2; }
.closing { background:linear-gradient(125deg,#51483d,#665948);color:var(--cream); }
.closing .eyebrow,.closing em { color:#ddcfa9; }
.closing>p:not(.eyebrow),.closing small { color:#eee4d2; }
.closing .pill { color:var(--coffee);background:#e9dfcc;border-color:#e9dfcc; }
footer { background:#38322b;color:#e5dccc; }
.page-transition { background:#82735f; }
.page-transition span { color:#eee4ce; }
.welcome-intro { background:radial-gradient(ellipse at 50% 80%,#ddd0ba,#f4efe5 80%);color:var(--coffee); }
.welcome-intro em,.welcome-intro .eyebrow { color:var(--copper); }
.welcome-name { color:#75604a; }
.welcome-enter { border-color:#88664588;background:#fff1; }
.welcome-mark { -webkit-text-stroke-color:#dbcda52a; }

/* Recorrido: cristal marfil translúcido; deja pasar la fotografía sin perder contraste. */
.journey-sticky { isolation:isolate; }
.scene-images { z-index:0; }
.scene-shade { z-index:1;background:linear-gradient(0deg,#35291dcc,transparent 55%,#35291d60); }
.journey-top,.story-panel,.spatial-label,.route-line,.journey-bottom,.journey-progress { z-index:2; }
.story-panel { background:linear-gradient(125deg,#f8f5efd6,#ede5d8a8);border:1px solid #ffffff80;border-radius:6px 28px 6px 6px;box-shadow:0 18px 54px #302a2218,inset 0 1px #ffffff66;backdrop-filter:blur(18px) saturate(105%);-webkit-backdrop-filter:blur(18px) saturate(105%); }
.story-panel h2 { font-size:41px;line-height:1.1; }
.story-panel em { font-size:38px; }
.story-panel .eyebrow { letter-spacing:2px; }
.journey-top { border-bottom-color:#fff4; }
.scene-image { transition:opacity .6s ease; }
.scene-image.scene-incoming { transition:none!important; }
.spatial-label em { color:#eee1bf; }
.chapter-nav button.active { color:#eee1bf;border-color:#eee1bf; }
.park-section:after { background:linear-gradient(90deg,#35291d9f,transparent 85%); }
.essential-grid article { background:linear-gradient(140deg,#ffffff55,#e5dac518);box-shadow:inset 0 1px #ffffff80,0 12px 26px #443c3306; }

/* Si el navegador no admite cristal, conservar una superficie legible. */
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  body .header.is-scrolled,body.inner-page .header,.story-panel { background:#f0ebe2f2; }
}

@media(min-width:701px) and (max-width:1000px) {
  body .header { padding-inline:4%; gap:16px; }
  .header .brand { font-size:25px; padding-left:43px; }
  .header .brand:before { width:32px;height:43px; }
  .header .brand span { font-size:7px;letter-spacing:1.5px; }
  .header nav { gap:18px;font-size:12px; }
  .header .contact { font-size:12px;padding:10px 14px; }
  .header .contact span { margin-left:8px; }
}
@media(max-width:700px) {
  .header .brand { font-size:23px;padding-left:39px; }
  .header .brand:before { width:30px;height:37px;top:0; }
  .header .brand span { font-size:7px;letter-spacing:1px; }
  .story-panel h2 { font-size:32px; }
  .story-panel em { font-size:30px; }
}