:root{
  --brand:#0E5F4F;
  --brand-2:#D7A34A;
  --ink:#142321;
  --muted:#5d6e6b;
  --bg:#FAF9F7;
  --card:#FFFFFF;
  --shadow:0 10px 30px rgba(0,0,0,0.08);
  --radius:16px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial,sans-serif;line-height:1.6;background:var(--bg);color:var(--ink)}
img{max-width:100%;height:auto}
a{color:var(--brand);text-decoration:none}
a:hover{text-decoration:underline}
.container{width:min(1200px,92%);margin:0 auto}
.btn{display:inline-block;padding:.75rem 1rem;border-radius:999px;border:1px solid var(--brand);text-decoration:none;transition:transform .15s ease, box-shadow .15s ease}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:var(--brand);color:#fff;border-color:var(--brand)}
.btn-ghost{background:transparent;color:var(--brand)}
.link-like{background:none;border:none;padding:0;color:var(--brand);cursor:pointer;text-decoration:underline}

.site-header{background:#fff;box-shadow:var(--shadow);position:sticky;top:0;z-index:1000}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0}
.brand{display:flex;align-items:center;gap:.5rem}
.brand-name{font-weight:700;letter-spacing:.2px}
.main-nav ul{display:flex;gap:1rem;list-style:none;margin:0;padding:0;align-items:center}
.nav-toggle{display:none;background:transparent;border:1px solid #ddd;border-radius:8px;padding:.5rem}
@media (max-width:900px){
  .main-nav ul{display:none;position:absolute;top:64px;right:4%;background:#fff;border-radius:12px;box-shadow:var(--shadow);padding:1rem;flex-direction:column;align-items:flex-start}
  .nav-toggle{display:inline-block}
}

.hero{background:linear-gradient(120deg, rgba(14,95,79,.08), rgba(215,163,74,.08));padding:4rem 0}
.hero .grid{display:grid;grid-template-columns:1.4fr 1fr;gap:2rem;align-items:center}
@media (max-width:900px){
  .hero .grid{grid-template-columns:1fr}
}
.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
@media (max-width:900px){
  .grid-3,.grid-2{grid-template-columns:1fr}
}

.section{padding:3rem 0}
.kpis{display:flex;gap:1rem;flex-wrap:wrap}
.kpi{flex:1 1 160px;background:#fff;border-radius:12px;padding:1rem;text-align:center;box-shadow:var(--shadow)}

.site-footer{background:#0B2D27;color:#E2EBE9;margin-top:2rem}
.site-footer a{color:#E2EBE9}
.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;padding:2rem 0}
@media (max-width:900px){
  .footer-grid{grid-template-columns:1fr 1fr}
}

.breadcrumbs{font-size:.875rem;color:var(--muted);margin:1rem 0}
.breadcrumbs a{color:inherit;text-decoration:underline}

.list-plain{list-style:none;margin:0;padding:0}
.switch{display:flex;align-items:center;gap:.5rem;margin:.5rem 0}
.switch input{transform:scale(1.2)}

.cookie-banner{position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:flex-end;justify-content:center;padding:1rem}
.cookie-card{background:#fff;max-width:720px;width:100%;border-radius:12px;padding:1rem;box-shadow:var(--shadow)}
.cookie-actions{display:flex;gap:.5rem;margin-top:.5rem}
.small{font-size:.875rem;color:var(--muted)}

.form{display:grid;gap:1rem}
.form label{display:block;font-weight:600}
.form input,.form textarea, .form select{width:100%;padding:.75rem;border:1px solid #d6d6d6;border-radius:10px;font:inherit}
.form .help{font-size:.875rem;color:var(--muted)}
.alert{padding:.75rem 1rem;border-radius:10px}
.alert-success{background:#e9f7ef;border:1px solid #b9e0c9}
.alert-error{background:#fff5f5;border:1px solid #f2b7b7}

.table{width:100%;border-collapse:collapse}
.table th,.table td{border-bottom:1px solid #eee;padding:.75rem;text-align:left}

.badge{display:inline-block;padding:.25rem .5rem;border-radius:999px;background:var(--brand);color:#fff;font-size:.75rem}

.cookie-banner[hidden]{display:none !important}