/* Ecobuzos legacy page styles — shared by all preserved .htm pages */
:root {
  --c-primary: #123B4F;
  --c-secondary: #2A7F8E;
  --c-accent: #E0A458;
  --c-ink: #14212B;
  --c-bg: #F4F7F9;
  --c-surface: #FFFFFF;
  --c-muted: #5D6B76;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 18px;
  line-height: 1.65;
  color: var(--c-ink);
  background: var(--c-bg);
}
h1, h2, h3 { font-family: 'Playfair Display', Georgia, serif; }
a { color: var(--c-primary); text-decoration: none; }
a:hover { color: var(--c-accent); }
.legacy-container { max-width: 1200px; margin: 0 auto; padding: 0 16px; }
@media (min-width: 768px) { .legacy-container { padding: 0 40px; } }
.legacy-header { background: var(--c-surface); border-bottom: 1px solid rgba(18,59,79,0.12); }
.legacy-header-row1 { display: flex; justify-content: space-between; align-items: center; padding: 12px 0; }
.legacy-brand { font-family: 'Playfair Display', Georgia, serif; font-size: 24px; font-weight: 600; color: var(--c-primary); }
.legacy-tagline { font-size: 12px; color: var(--c-muted); }
.legacy-cta { display: inline-block; background: var(--c-primary); color: #fff; padding: 10px 20px; border-radius: 999px; font-size: 14px; font-weight: 500; }
.legacy-cta:hover { background: var(--c-accent); color: var(--c-ink); }
.legacy-contact-text { font-size: 12px; color: var(--c-muted); margin-top: 4px; }
.legacy-nav { border-bottom: 1px solid rgba(18,59,79,0.12); padding: 12px 0; }
.legacy-nav ul { list-style: none; display: flex; gap: 32px; flex-wrap: wrap; }
.legacy-nav a { font-size: 14px; font-weight: 500; }
.legacy-nav a:hover { color: var(--c-primary); }
.legacy-breadcrumb { padding: 16px 0; font-size: 13px; color: var(--c-muted); }
.legacy-breadcrumb a { color: var(--c-muted); }
.legacy-hero { margin-bottom: 0; }
.legacy-hero img { width: 100%; aspect-ratio: 16/9; object-fit: cover; }
.legacy-content { padding: 48px 0; }
.legacy-content h1 { font-size: 34px; color: var(--c-primary); line-height: 1.15; margin-bottom: 16px; }
.legacy-content h2 { font-size: 23px; color: var(--c-primary); line-height: 1.25; margin: 32px 0 12px; }
.legacy-content h3 { font-size: 20px; color: var(--c-primary); margin: 24px 0 8px; }
.legacy-content p { margin-bottom: 16px; }
.legacy-content ul { margin-bottom: 16px; padding-left: 20px; }
.legacy-content li { margin-bottom: 6px; }
.legacy-trust { border-top: 1px solid rgba(18,59,79,0.12); padding: 48px 0; }
.legacy-trust h3 { font-size: 12px; text-transform: uppercase; letter-spacing: 0.08em; color: var(--c-muted); margin-bottom: 16px; }
.legacy-contact-card { border: 1px solid rgba(18,59,79,0.12); border-radius: 2px; padding: 32px; margin: 48px 0; background: var(--c-surface); }
.legacy-contact-card h2 { font-size: 24px; color: var(--c-primary); margin-bottom: 12px; }
.legacy-footer { border-top: 1px solid rgba(18,59,79,0.12); background: var(--c-surface); padding: 48px 0 24px; margin-top: 48px; }
.legacy-footer-grid { display: grid; grid-template-columns: 1fr; gap: 32px; }
@media (min-width: 768px) { .legacy-footer-grid { grid-template-columns: repeat(4, 1fr); } }
.legacy-footer h3 { font-size: 12px; text-transform: uppercase; letter-spacing: 0.08em; color: var(--c-muted); margin-bottom: 12px; }
.legacy-footer ul { list-style: none; }
.legacy-footer li { margin-bottom: 6px; }
.legacy-footer a { font-size: 14px; }
.legacy-footer-legal { border-top: 1px solid rgba(18,59,79,0.12); padding: 24px 0; font-size: 12px; color: var(--c-muted); line-height: 1.5; }
.legacy-rate-table { width: 100%; border-collapse: collapse; margin: 16px 0; }
.legacy-rate-table th { text-align: left; font-size: 12px; text-transform: uppercase; letter-spacing: 0.08em; color: var(--c-muted); padding: 8px 12px; border-bottom: 1px solid rgba(18,59,79,0.12); background: var(--c-bg); }
.legacy-rate-table td { padding: 8px 12px; border-bottom: 1px solid rgba(18,59,79,0.12); }
.legacy-rate-table td:last-child { text-align: right; font-variant-numeric: tabular-nums; }
.legacy-site-list { list-style: none; padding: 0; }
.legacy-site-list li { border-top: 1px solid rgba(18,59,79,0.12); padding: 16px 0; }
.legacy-site-list li h3 { margin-bottom: 4px; }
.legacy-site-list li p { margin: 0; font-size: 16px; }
.legacy-archive-stamp { display: inline-block; background: var(--c-accent); color: var(--c-ink); padding: 4px 12px; border-radius: 2px; font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; }
.legacy-anchored-section { padding: 24px 0; border-top: 1px solid rgba(18,59,79,0.12); }