/* ═══ ESTRADO AI — Shared Styles ═══ */
:root{
  --navy:#0A1A2F;--charcoal:#1C2D3F;--steel:#3A4D5F;--slate:#6B7B8D;
  --silver:#9AABB8;--pearl:#E8ECF0;--bone:#F5F6F8;--white:#FFFFFF;
  --gold:#B09058;--gold-light:#C9A84C;--gold-bg:rgba(176,144,88,0.08);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Inter',system-ui,sans-serif;color:var(--navy);background:var(--white);line-height:1.7;-webkit-font-smoothing:antialiased}
.serif{font-family:'Cormorant Garamond',Georgia,'Times New Roman',serif}
a{color:var(--gold);text-decoration:none}
a:hover{color:var(--gold-light)}

/* Nav */
.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:20px 40px;display:flex;justify-content:space-between;align-items:center;background:rgba(10,26,47,0.95);backdrop-filter:blur(12px);border-bottom:1px solid rgba(176,144,88,0.1)}
.nav-logo svg{height:28px;width:auto}
.nav-links{display:flex;gap:28px;align-items:center}
.nav-links a{font-size:12px;letter-spacing:1px;color:var(--silver);text-decoration:none;transition:color 0.3s}
.nav-links a:hover{color:var(--white)}
.nav-cta{font-family:'Cormorant Garamond',Georgia,serif;font-size:12px;font-weight:500;letter-spacing:2px;text-transform:uppercase;color:var(--gold);text-decoration:none;padding:8px 20px;border:1px solid rgba(176,144,88,0.4);border-radius:3px;transition:all 0.3s}
.nav-cta:hover{background:rgba(176,144,88,0.1);border-color:var(--gold);color:var(--gold)}

/* Page header */
.page-header{background:var(--navy);padding:8rem 2rem 4rem;text-align:center;color:var(--white)}
.page-header .section-label{font-family:'Cormorant Garamond',Georgia,serif;font-size:12px;font-weight:400;letter-spacing:5px;text-transform:uppercase;color:var(--gold);margin-bottom:8px}
.page-header h1{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(28px,4vw,42px);font-weight:500;letter-spacing:0.5px;line-height:1.25;margin-bottom:1rem}
.page-header p{font-size:16px;color:var(--silver);max-width:560px;margin:0 auto;line-height:1.8}

/* Sections */
.section{max-width:880px;margin:0 auto;padding:5rem 2rem}
.section-label{font-family:'Cormorant Garamond',Georgia,serif;font-size:12px;font-weight:400;letter-spacing:5px;text-transform:uppercase;color:var(--gold);margin-bottom:8px}
.section h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(24px,3.5vw,32px);font-weight:500;color:var(--navy);margin-bottom:1.5rem;letter-spacing:0.3px;line-height:1.25}
.section p{font-size:15px;color:var(--steel);line-height:1.8;margin-bottom:1rem;max-width:640px}
.divider{border:none;border-top:1px solid var(--pearl);margin:0}

/* CTA button */
.cta-btn{display:inline-block;font-family:'Cormorant Garamond',Georgia,serif;font-size:15px;font-weight:500;letter-spacing:2px;text-transform:uppercase;color:var(--navy);background:linear-gradient(135deg,var(--gold-light),var(--gold));padding:16px 40px;border-radius:4px;text-decoration:none;transition:all 0.3s}
.cta-btn:hover{background:linear-gradient(135deg,var(--gold),#D4B35E);transform:translateY(-1px);color:var(--navy)}
.cta-btn-outline{display:inline-block;font-family:'Cormorant Garamond',Georgia,serif;font-size:14px;font-weight:500;letter-spacing:2px;text-transform:uppercase;color:var(--gold);padding:14px 32px;border:1px solid var(--gold);border-radius:4px;text-decoration:none;transition:all 0.3s}
.cta-btn-outline:hover{background:var(--gold-bg);color:var(--gold)}

/* CTA band */
.cta-band{background:var(--navy);padding:5rem 2rem;text-align:center;color:var(--white)}
.cta-band h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(24px,3.5vw,30px);font-weight:500;margin-bottom:1rem;line-height:1.3;color:var(--white)}
.cta-band p{font-size:15px;color:var(--silver);margin-bottom:2rem;max-width:500px;margin-left:auto;margin-right:auto;line-height:1.8}
.cta-band .plazas{font-size:14px;color:var(--gold);margin-top:1.5rem}
.cta-band .plazas strong{font-size:18px}

/* Footer */
.footer{padding:3rem 2rem;text-align:center;border-top:1px solid var(--pearl)}
.footer-logo{margin-bottom:1rem}
.footer p{font-size:12px;color:var(--silver);letter-spacing:0.5px}
.footer a{color:var(--slate);text-decoration:none}
.footer a:hover{color:var(--gold)}
.footer .personal{font-family:'Cormorant Garamond',Georgia,serif;font-size:14px;font-style:italic;color:var(--slate);margin-top:12px}
.footer-links{margin-top:8px}
.footer-links a{margin:0 10px}

/* Responsive */
@media(max-width:768px){
  .nav{padding:14px 20px}
  .nav-links{gap:16px}
  .nav-links a{font-size:11px}
  .page-header{padding:6rem 1.5rem 3rem}
  .section{padding:3rem 1.5rem}
}
</style>