:root {
  --tv-ink:#1f2937;
  --tv-forest:#2f6b48;
  --tv-sage:#6f8f76;
  --tv-clay:#b56f4a;
  --tv-sand:#e7d9c4;
  --tv-cream:#faf7f0;
  --tv-line:#e5e7eb;
  --tv-font-head:"Playfair Display", Georgia, serif;
  --tv-font-body:"Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  --tv-r:1rem;
  --tv-r-lg:1.5rem;
  --tv-shadow:0 8px 24px rgba(0,0,0,.08);
  --tv-hero-image:url('assets/images/foto1_hero.jpg');
}
html,body {background:var(--tv-cream); color:var(--tv-ink); font-family:var(--tv-font-body)}
h1,h2,h3 {font-family:var(--tv-font-head); color:var(--tv-forest);}
a {color:var(--tv-forest); text-decoration-color:var(--tv-sage)}
a:hover {opacity:.9}
.hero {
  background: linear-gradient(180deg, rgba(231,217,196,.85), rgba(250,247,240,.9)), var(--tv-hero-image) center/cover no-repeat;
  padding: 4rem 0; text-align:center;
}
button, .btn, input[type=submit] {
  background:var(--tv-forest); color:white; border:none; border-radius:999px; padding:.75rem 1.25rem; font-weight:600;
}
form {max-width:600px; margin:auto; background:white; padding:1.5rem; border-radius:var(--tv-r); box-shadow:var(--tv-shadow);}
input,textarea {width:100%; padding:.5rem; margin-bottom:1rem; border:1px solid var(--tv-line); border-radius:var(--tv-r);}