:root{
  --cream:#fbf6ef;
  --cream-2:#f4ecdf;
  --paper:#fffdf9;
  --sage:#4d7d76;
  --sage-dark:#2f504c;
  --terra:#b0716e;
  --gold:#a9863f;
  --ink:#33302b;
  --ink-soft:#5d574e;
  --line:rgba(77,125,118,.22);
  --shadow:0 18px 44px -28px rgba(51,48,43,.45);
  --serif:"Cormorant Garamond",Georgia,serif;
  --sans:"Work Sans",system-ui,sans-serif;
  --script:"Parisienne",cursive;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{
  margin:0;background:var(--cream);color:var(--ink);
  font-family:var(--sans);font-weight:300;font-size:16.5px;line-height:1.72;
  -webkit-font-smoothing:antialiased;
}
body::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.5;
  background-image:radial-gradient(rgba(169,134,63,.09) 1px,transparent 1px);
  background-size:4px 4px;
}
img{max-width:100%;display:block}
a{color:var(--sage-dark)}
h1,h2,h3,h4{font-family:var(--serif);font-weight:400;letter-spacing:.005em;margin:0}
em{font-style:italic}
.script{font-family:var(--script);color:var(--terra)}
.kicker{
  font-family:var(--sans);font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;
  color:var(--gold);margin:0 0 .9rem;font-weight:500;
}
.kicker.light{color:#e6c98a}
.sec-title{font-size:clamp(1.85rem,3.4vw,2.9rem);line-height:1.12;margin-bottom:.7rem}
.sec-lead{max-width:62ch;color:var(--ink-soft);margin:0 0 2rem}

/* ---------- topbar ---------- */
.topbar{
  position:sticky;top:0;z-index:600;display:flex;align-items:center;justify-content:space-between;
  gap:1.5rem;padding:.75rem clamp(1rem,4vw,3.2rem);
  background:rgba(251,246,239,.92);backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);
}
.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;color:var(--sage)}
.brand-mark{
  width:46px;height:46px;flex:0 0 auto;border-radius:50%;
  object-fit:cover;background:var(--paper);
  box-shadow:0 0 0 1px rgba(169,134,63,.35);
}
.brand-text{display:flex;flex-direction:column;line-height:1.1}
.brand-line1{font-family:var(--script);font-size:1.32rem;color:var(--terra)}
.brand-line2{font-family:var(--sans);font-size:.6rem;letter-spacing:.17em;text-transform:uppercase;color:var(--ink-soft)}
.topnav{display:flex;gap:1.5rem}
.topnav a{
  font-size:.76rem;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-soft);
  text-decoration:none;padding-bottom:2px;border-bottom:1px solid transparent;
}
.topnav a:hover{color:var(--sage);border-color:var(--gold)}

/* ---------- hero ---------- */
.hero{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:0;align-items:stretch;min-height:min(88vh,860px)}
.hero-art{
  background:url("img/hero-palacio.jpg") center 22% / cover no-repeat var(--cream-2);
  order:2;border-left:1px solid var(--line);
}
.hero-art::after{
  content:"";position:absolute;inset:0;pointer-events:none;
}
.hero-inner{order:1;position:relative;z-index:2;padding:clamp(2.5rem,5vw,5.5rem) clamp(1.5rem,4vw,4.5rem);align-self:center}
.hero h1{font-size:clamp(2.7rem,6vw,5.1rem);line-height:1.02;letter-spacing:-.01em}
.hero h1 em{color:var(--sage)}
.hero .script{font-size:clamp(1.35rem,2.4vw,1.9rem);margin:.9rem 0 1.4rem}
.hero-lead{max-width:46ch;color:var(--ink-soft);margin:0 0 2.1rem}
.hero-meta{display:flex;flex-wrap:wrap;gap:0;margin-bottom:2.3rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.hero-meta>div{flex:1 1 110px;padding:1rem 1.1rem 1rem 0;display:flex;flex-direction:column}
.hm-num{font-family:var(--serif);font-size:1.62rem;color:var(--sage)}
.hm-lab{font-size:.68rem;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-soft)}
.btn{
  display:inline-block;text-decoration:none;background:var(--sage);color:#fdfaf4;
  padding:.9rem 2rem;font-size:.76rem;letter-spacing:.19em;text-transform:uppercase;
  border:1px solid var(--sage);transition:.25s;
}
.btn:hover{background:transparent;color:var(--sage-dark)}
.hero-cta{display:flex;flex-wrap:wrap;gap:.9rem;align-items:center}
.btn-2{
  display:inline-block;text-decoration:none;background:transparent;color:var(--terra);
  padding:.9rem 1.7rem;font-size:.76rem;letter-spacing:.19em;text-transform:uppercase;
  border:1px solid var(--terra);transition:.25s;
}
.btn-2:hover{background:var(--terra);color:#fdfaf4}
.pie-pdf{
  display:inline-block;margin-top:.9rem;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;
  color:#e6c98a;text-decoration:none;border-bottom:1px solid rgba(230,201,138,.5);padding-bottom:2px;
}
.pie-pdf:hover{color:#fff;border-color:#fff}

/* ---------- claves ---------- */
.claves{padding:clamp(3.5rem,7vw,6.5rem) clamp(1.2rem,5vw,4.5rem);position:relative;z-index:1}
.claves .sec-title{max-width:34ch}
.claves-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(275px,1fr));gap:clamp(1.2rem,2.5vw,2.4rem);margin-top:2.4rem}
.clave{background:var(--paper);border:1px solid var(--line);padding:2rem 1.8rem 1.9rem;position:relative;box-shadow:var(--shadow)}
.clave-num{font-family:var(--serif);font-size:2.5rem;color:var(--gold);opacity:.5;line-height:1;display:block;margin-bottom:.4rem}
.clave h3{font-size:1.5rem;color:var(--sage-dark);margin-bottom:.55rem}
.clave p{margin:0;font-size:.95rem;color:var(--ink-soft)}
.clave strong{color:var(--ink);font-weight:500}

/* ---------- plan ---------- */
.plan{padding:0 clamp(1.2rem,5vw,4.5rem) clamp(3.5rem,7vw,6rem);position:relative;z-index:1}
.plan-head{border-top:1px solid var(--line);padding-top:clamp(2.5rem,5vw,4rem)}
.controls{display:flex;flex-wrap:wrap;gap:1.6rem;align-items:center;justify-content:space-between}
.chips{display:flex;flex-wrap:wrap;gap:.5rem}
.chip{
  font-family:var(--sans);font-size:.72rem;letter-spacing:.11em;text-transform:uppercase;
  background:transparent;border:1px solid var(--line);color:var(--ink-soft);
  padding:.5rem .95rem;cursor:pointer;transition:.2s;border-radius:2px;
}
.chip:hover{border-color:var(--gold);color:var(--ink)}
.chip.is-on{background:var(--sage);border-color:var(--sage);color:#fdfaf4}
.season{display:flex;border:1px solid var(--line);background:var(--paper)}
.season-btn{
  font-family:var(--sans);font-size:.71rem;letter-spacing:.11em;text-transform:uppercase;
  background:transparent;border:0;color:var(--ink-soft);padding:.6rem 1rem;cursor:pointer;
}
.season-btn.is-on{background:var(--terra);color:#fff8f2}
.season-note{
  font-size:.85rem;color:var(--ink-soft);margin:1rem 0 0;padding-left:.9rem;
  border-left:2px solid var(--gold);max-width:70ch;font-style:italic;
}

.plan-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:clamp(1.5rem,3vw,3.2rem);margin-top:2.4rem;align-items:start}

/* timeline */
.timeline{position:relative;padding-left:1.6rem}
.timeline::before{content:"";position:absolute;left:.28rem;top:.6rem;bottom:2.6rem;width:1px;background:linear-gradient(var(--line),rgba(169,134,63,.4))}
.stop{position:relative;margin-bottom:.85rem;background:var(--paper);border:1px solid var(--line);transition:.25s;box-shadow:0 10px 26px -24px rgba(51,48,43,.5)}
.stop::before{
  content:"";position:absolute;left:-1.47rem;top:1.55rem;width:.62rem;height:.62rem;border-radius:50%;
  background:var(--cream);border:1.5px solid var(--sage);transition:.25s;
}
.stop.is-active{border-color:var(--sage);box-shadow:0 16px 34px -22px rgba(77,125,118,.6)}
.stop.is-active::before{background:var(--terra);border-color:var(--terra);transform:scale(1.25)}
.stop-btn{
  width:100%;background:transparent;border:0;text-align:left;cursor:pointer;
  display:grid;grid-template-columns:auto 1fr auto;gap:.9rem;align-items:baseline;
  padding:1.15rem 1.25rem;font-family:inherit;color:inherit;
}
.stop-hora{font-family:var(--sans);font-size:.82rem;font-weight:600;letter-spacing:.06em;color:var(--terra);min-width:3.1rem}
.stop-title{font-family:var(--serif);font-size:1.28rem;line-height:1.25;color:var(--sage-dark)}
.stop-zona{display:block;font-family:var(--sans);font-size:.7rem;letter-spacing:.11em;text-transform:uppercase;color:var(--ink-soft);margin-top:.2rem}
.stop-dur{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);white-space:nowrap}
.stop-body{padding:0 1.25rem 1.3rem;display:none}
.stop.is-open .stop-body{display:block;animation:fade .35s ease}
@keyframes fade{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.stop-body p{margin:0 0 .8rem;font-size:.95rem;color:var(--ink-soft)}
.stop-tip{
  background:var(--cream-2);border-left:2px solid var(--gold);padding:.75rem .9rem;
  font-size:.88rem;color:var(--ink);margin-bottom:.8rem;
}
.stop-tip b{font-family:var(--sans);font-weight:600;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);display:block;margin-bottom:.2rem}
.stop-facts{display:flex;flex-wrap:wrap;gap:.4rem .5rem;align-items:center}
.tag{font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--line);padding:.28rem .6rem;color:var(--ink-soft)}
.tag.cat{color:#fdfaf4;border:0}
.walk{
  display:flex;align-items:center;gap:.45rem;margin:0 0 .9rem 0;padding-left:.1rem;
  font-size:.74rem;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-soft);opacity:.85;
}
.walk svg{width:13px;height:13px;flex:0 0 auto;color:var(--sage)}
.alt-note{font-size:.85rem;color:var(--terra);font-style:italic;margin:0 0 .8rem}

/* map */
.map-col{position:sticky;top:86px}
.map-wrap{position:relative;border:1px solid var(--line);background:var(--paper);padding:.55rem;box-shadow:var(--shadow)}
#map{height:min(74vh,720px);width:100%;background:var(--cream-2)}
.leaflet-tile-pane{filter:sepia(.32) saturate(.72) contrast(.94) brightness(1.05) hue-rotate(-8deg)}
.leaflet-container{font-family:var(--sans);background:var(--cream-2)}
.leaflet-control-attribution{background:rgba(251,246,239,.85)!important;font-size:9.5px}
.pin{
  display:grid;place-items:center;width:26px;height:26px;border-radius:50%;
  font-family:var(--sans);font-size:11.5px;font-weight:600;color:#fdfaf4;
  border:1.5px solid rgba(251,246,239,.9);box-shadow:0 3px 10px rgba(51,48,43,.35);
  transition:transform .2s;
}
.pin-wrap.is-active .pin{transform:scale(1.32);box-shadow:0 6px 16px rgba(51,48,43,.5);z-index:500}
.leaflet-popup-content-wrapper{border-radius:2px;background:var(--paper);box-shadow:var(--shadow)}
.leaflet-popup-content{margin:.8rem .95rem;font-family:var(--sans);font-size:.85rem;color:var(--ink-soft)}
.leaflet-popup-content h4{font-size:1.1rem;color:var(--sage-dark);margin-bottom:.15rem}
.leaflet-popup-content .ph{font-size:.75rem;letter-spacing:.08em;color:var(--terra);font-weight:600}
.leaflet-popup-tip{background:var(--paper)}
.map-legend{display:flex;flex-wrap:wrap;gap:.35rem .95rem;padding:.75rem .35rem .25rem}
.lg{display:flex;align-items:center;gap:.35rem;font-size:.67rem;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-soft)}
.lg i{width:9px;height:9px;border-radius:50%;display:block}
.map-foot{font-size:.78rem;color:var(--ink-soft);margin:.8rem 0 0;font-style:italic}

/* ---------- dinero ---------- */
.dinero{background:var(--cream-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:clamp(3.5rem,7vw,6rem) clamp(1.2rem,5vw,4.5rem);position:relative;z-index:1}
.dinero-inner{max-width:1000px}
.tabla{width:100%;border-collapse:collapse;background:var(--paper);border:1px solid var(--line);font-size:.92rem}
.tabla th{
  font-family:var(--sans);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;
  text-align:left;padding:.9rem 1rem;color:#fdfaf4;background:var(--sage);
}
.tabla td{padding:.82rem 1rem;border-top:1px solid var(--line);color:var(--ink-soft);vertical-align:top}
.tabla tbody tr:nth-child(even){background:rgba(244,236,223,.5)}
.tabla td:first-child{color:var(--ink)}
.tabla strong{color:var(--sage-dark);font-weight:600}
.dinero-total{margin-top:1.3rem;font-family:var(--serif);font-size:1.25rem;color:var(--ink)}
.dinero-total strong{color:var(--terra)}

/* ---------- mesa ---------- */
.mesa{padding:clamp(3.5rem,7vw,6rem) clamp(1.2rem,5vw,4.5rem);position:relative;z-index:1}
.mesa-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.6rem 1.8rem;max-width:1160px}
.mini{border-top:2px solid var(--terra);padding-top:.9rem}
.mini h4{font-size:1.18rem;color:var(--sage-dark);margin-bottom:.25rem}
.mini p{margin:0;font-size:.88rem;color:var(--ink-soft)}

/* ---------- leyendas ---------- */
.leyendas{background:#232a2c;color:#e9e2d5;position:relative;z-index:1}
.ley-inner{display:grid;grid-template-columns:.95fr 1.05fr;align-items:stretch}
.ley-art{background:url("img/leyendas.jpg") center / cover no-repeat #1b2123;min-height:520px}
.ley-text{padding:clamp(2.6rem,5vw,5rem) clamp(1.4rem,4vw,4rem)}
.ley-text h2{font-size:clamp(1.8rem,3.2vw,2.7rem);color:#f3ece0;margin-bottom:1.8rem;max-width:26ch}
.ley-card{border-top:1px solid rgba(233,226,213,.2);padding:1.1rem 0}
.ley-card h4{font-size:1.24rem;color:#e6c98a;margin-bottom:.3rem}
.ley-card p{margin:0;font-size:.92rem;color:rgba(233,226,213,.78)}

/* ---------- consejos ---------- */
.consejos{padding:clamp(3.5rem,7vw,6rem) clamp(1.2rem,5vw,4.5rem);position:relative;z-index:1}
.cons-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.8rem 2.4rem;margin-top:1.6rem;max-width:1040px}
.cons h4{font-size:1.2rem;color:var(--sage-dark);margin-bottom:.3rem}
.cons h4::before{content:"·";color:var(--gold);margin-right:.4rem}
.cons p{margin:0;font-size:.9rem;color:var(--ink-soft)}

/* ---------- pie ---------- */
.pie{
  background:var(--sage-dark);color:rgba(244,236,223,.82);position:relative;z-index:1;
  padding:clamp(2.6rem,5vw,4rem) clamp(1.2rem,5vw,4.5rem);
  display:grid;grid-template-columns:.8fr 1.2fr;gap:2.5rem;
}
.pie-logo{
  width:132px;height:132px;border-radius:50%;object-fit:cover;
  background:var(--paper);box-shadow:0 0 0 1px rgba(230,201,138,.4),0 14px 30px -20px rgba(0,0,0,.6);
  margin-bottom:1rem;
}
.pie-brand .script{font-size:2.3rem;color:#e6c98a;display:block;line-height:1.2}
.pie-sub{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(244,236,223,.6)}
.pie-fuentes h4{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;font-family:var(--sans);font-weight:600;color:#e6c98a;margin-bottom:.8rem}
.pie-fuentes ul{list-style:none;margin:0 0 1.2rem;padding:0;columns:2;column-gap:2rem}
.pie-fuentes li{margin-bottom:.4rem;font-size:.83rem;break-inside:avoid}
.pie-fuentes a{color:rgba(244,236,223,.85);text-decoration:none;border-bottom:1px solid rgba(230,201,138,.35)}
.pie-fuentes a:hover{color:#e6c98a}
.pie-nota{font-size:.76rem;color:rgba(244,236,223,.55);margin:0;max-width:70ch}

/* ---------- responsive ---------- */
@media (max-width:1080px){
  .plan-grid{grid-template-columns:1fr}
  .map-col{position:relative;top:0;order:-1}
  #map{height:58vh}
}
@media (max-width:860px){
  .hero{grid-template-columns:1fr;min-height:0}
  .hero-art{order:1;min-height:46vh;border-left:0;border-bottom:1px solid var(--line)}
  .hero-inner{order:2;padding:2.5rem 1.4rem 3rem}
  .ley-inner{grid-template-columns:1fr}
  .ley-art{min-height:44vh}
  .pie{grid-template-columns:1fr}
  .pie-fuentes ul{columns:1}
  .topnav{display:none}
  .controls{gap:1rem}
  .tabla{font-size:.85rem}
  .tabla th,.tabla td{padding:.7rem .6rem}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *{animation:none!important;transition:none!important}
}
@media print{
  .topbar,.map-col,.hero-art,.ley-art,.controls,.btn,.btn-2,.pie-pdf{display:none}
  body{background:#fff;font-size:11pt}
  .stop-body{display:block!important}
  .stop{break-inside:avoid;box-shadow:none}
}