:root{
  --pergamino:#f4ecd8;
  --pergamino-osc:#e8dcc0;
  --sepia:#5c4a32;
  --sepia-osc:#3a2e1d;
  --verde-her:#1f3a2e;
  --verde-her-cl:#2d5343;
  --oro:#a8842c;
  --oro-claro:#c4a04a;
  --tinta:#2b2419;
  --rojo-sello:#7a2418;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  font-family:'EB Garamond',Georgia,serif;
  background:var(--pergamino);color:var(--tinta);line-height:1.75;
  background-image:
    radial-gradient(circle at 20% 30%, rgba(168,132,44,0.04) 0%, transparent 40%),
    radial-gradient(circle at 80% 70%, rgba(31,58,46,0.04) 0%, transparent 40%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100' height='100' filter='url(%23n)' opacity='0.025'/%3E%3C/svg%3E");
}
header.nav{
  position:sticky;top:0;z-index:100;background:rgba(244,236,216,0.95);
  backdrop-filter:blur(6px);border-bottom:1px solid var(--oro);
  box-shadow:0 2px 18px rgba(58,46,29,0.08);
}
.nav-inner{max-width:1180px;margin:0 auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;height:70px;}
.brand{display:flex;align-items:center;gap:14px;text-decoration:none;}
.brand-mark{width:42px;height:48px;flex-shrink:0;}
.brand-text{display:flex;flex-direction:column;line-height:1;}
.brand-text .b1{font-family:'Cinzel',serif;font-weight:700;font-size:1.35rem;color:var(--verde-her);letter-spacing:0.12em;}
.brand-text .b2{font-family:'EB Garamond',serif;font-style:italic;font-size:0.78rem;color:var(--sepia);letter-spacing:0.05em;margin-top:3px;}
nav ul{display:flex;list-style:none;gap:5px;align-items:center;}
nav a{text-decoration:none;color:var(--sepia-osc);font-family:'EB Garamond',serif;font-size:1rem;padding:8px 14px;border-radius:3px;transition:all .2s;letter-spacing:0.02em;}
nav a:hover,nav a.active{background:var(--pergamino-osc);color:var(--verde-her);}
.nav-toggle{display:none;background:none;border:none;font-size:1.6rem;color:var(--verde-her);cursor:pointer;}

.page-head{
  padding:70px 28px 56px;text-align:center;border-bottom:3px double var(--oro);
  background:linear-gradient(180deg,rgba(31,58,46,0.04),transparent);
}
.page-head .tag{font-family:'Cinzel',serif;font-size:0.8rem;letter-spacing:0.25em;color:var(--oro);text-transform:uppercase;margin-bottom:12px;}
.page-head h1{font-family:'Cinzel',serif;font-weight:700;font-size:clamp(2.2rem,5vw,3.6rem);color:var(--verde-her);letter-spacing:0.06em;margin-bottom:14px;}
.page-head p{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:clamp(1.1rem,2.4vw,1.5rem);color:var(--sepia);max-width:680px;margin:0 auto;}

.content{max-width:820px;margin:0 auto;padding:64px 28px;}
.content h2{font-family:'Cormorant Garamond',serif;font-weight:700;font-size:2rem;color:var(--verde-her);margin:48px 0 16px;line-height:1.15;}
.content h2:first-child{margin-top:0;}
.content h3{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:1.45rem;color:var(--sepia-osc);margin:32px 0 12px;}
.content p{font-size:1.15rem;margin-bottom:20px;color:var(--tinta);}
.content p .drop{font-family:'Cormorant Garamond',serif;font-weight:700;font-size:3.4rem;float:left;line-height:0.8;color:var(--oro);margin:6px 10px 0 0;}
.content ul,.content ol{margin:0 0 22px 26px;}
.content li{font-size:1.12rem;margin-bottom:10px;}
.content a{color:var(--rojo-sello);}
.content blockquote{
  border-left:3px solid var(--oro);background:var(--pergamino-osc);
  padding:20px 26px;margin:28px 0;font-family:'Cormorant Garamond',serif;
  font-style:italic;font-size:1.3rem;color:var(--sepia-osc);border-radius:0 4px 4px 0;
}
.content blockquote cite{display:block;margin-top:12px;font-size:0.9rem;font-style:normal;letter-spacing:0.1em;color:var(--oro);}
.callout{
  background:linear-gradient(160deg,#fbf6e8,#f0e6cd);border:1px solid var(--pergamino-osc);
  border-top:3px solid var(--oro);padding:28px 30px;border-radius:4px;margin:34px 0;
  box-shadow:0 4px 18px rgba(58,46,29,0.07);
}
.callout h3{margin-top:0;color:var(--verde-her);}
.timeline{list-style:none;margin:30px 0;padding:0;border-left:2px solid var(--oro);}
.timeline li{position:relative;padding:0 0 28px 30px;margin:0;}
.timeline li::before{content:"";position:absolute;left:-7px;top:6px;width:12px;height:12px;background:var(--oro);border-radius:50%;border:2px solid var(--pergamino);}
.timeline .yr{font-family:'Cinzel',serif;font-weight:600;color:var(--rojo-sello);font-size:0.95rem;letter-spacing:0.06em;}
.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin:34px 0;}
.mini{background:#fbf6e8;border:1px solid var(--pergamino-osc);border-radius:4px;padding:24px;}
.mini h3{margin-top:0;font-size:1.25rem;color:var(--verde-her);}
.mini p{font-size:1.02rem;margin-bottom:0;}

footer{background:var(--sepia-osc);color:var(--pergamino);padding:60px 28px 30px;border-top:4px solid var(--oro);}
.foot-inner{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px;}
.foot-inner h4{font-family:'Cinzel',serif;font-size:0.95rem;letter-spacing:0.1em;color:var(--oro-claro);margin-bottom:16px;}
.foot-inner ul{list-style:none;}
.foot-inner li{margin-bottom:9px;}
.foot-inner a{color:#d8cbb0;text-decoration:none;font-size:1rem;transition:color .2s;}
.foot-inner a:hover{color:var(--oro-claro);}
.foot-inner p{color:#cabfa6;font-size:0.98rem;}
.disclaimer-foot{max-width:1180px;margin:46px auto 0;padding-top:24px;border-top:1px solid rgba(244,236,216,0.18);font-size:0.82rem;color:#b3a888;line-height:1.6;text-align:justify;}
.disclaimer-foot strong{color:var(--oro-claro);}
.copy{text-align:center;margin-top:24px;font-size:0.8rem;color:#9a8f72;letter-spacing:0.04em;}
@media(max-width:820px){
  nav ul{display:none;position:absolute;top:70px;left:0;right:0;flex-direction:column;background:var(--pergamino);padding:16px;border-bottom:2px solid var(--oro);gap:0;}
  nav ul.open{display:flex;}nav li{width:100%;}nav a{display:block;padding:13px;}
  .nav-toggle{display:block;}
  .foot-inner{grid-template-columns:1fr;gap:30px;}
}