/* === Sur del Cast — Brand Overrides (v2) === */
:root{
  --sd-green:#3A6B35;
  --sd-blue:#1A3E5D;
  --sd-brown:#7A5A38;
  --sd-gray:#A3A3A3;
  --sd-white:#F4F4F4;
}
html { scroll-behavior:smooth; }
body {
  background: var(--sd-white);
  color:#1c1c1c;
  font-family: 'Lora', Georgia, serif;
  line-height:1.7;
}
h1,h2,h3,h4,h5,h6,.display-1,.display-2,.display-3 {
  font-family:'Montserrat', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  color: var(--sd-green);
  letter-spacing:.2px;
}
a { color: var(--sd-blue); }
a:hover { color: var(--sd-green); }
.navbar { background:#fff !important; border-bottom:1px solid rgba(0,0,0,.06); }
.navbar .navbar-brand { font-weight:700; color:var(--sd-green) !important; letter-spacing:.5px; }
.navbar .nav-link { color:#2a2a2a !important; }
.navbar .nav-link:hover, .navbar .nav-link.active { color:var(--sd-blue) !important; }
.btn, .btn-primary { background:var(--sd-green)!important; border-color:var(--sd-green)!important; color:#fff!important; border-radius:12px; }
.btn-outline-primary { color:var(--sd-green)!important; border-color:var(--sd-green)!important; }
.btn-outline-primary:hover { background:var(--sd-green)!important; color:#fff!important; }
.badge.bg-primary { background:var(--sd-blue)!important; }
.bg-primary { background:var(--sd-green)!important; }
.bg-light { background: var(--sd-white)!important; }
.text-primary { color:var(--sd-green)!important; }
.text-secondary { color:var(--sd-blue)!important; }
.text-muted, .text-body-secondary { color: var(--sd-gray)!important; }
.card, .service-item, .destination-item {
  border-radius: 16px;
  border:1px solid rgba(0,0,0,.06);
  box-shadow: 0 8px 28px rgba(0,0,0,.06);
}
.footer { background: var(--sd-blue)!important; color:#fff; }
.footer a { color:#fff; opacity:.9; }
.footer a:hover { opacity:1; }
.form-control, .form-select { border-radius:12px; border-color: rgba(0,0,0,.12); }
.form-control:focus, .form-select:focus { border-color: var(--sd-green); box-shadow:0 0 0 .2rem rgba(58,107,53,.15); }
.hero-header, .page-header { position:relative; background:linear-gradient(180deg, rgba(26,62,93,.08), rgba(58,107,53,.06)); }
img { border-radius: 10px; }
figure img { border-radius: 14px; }