:root {
      --primary: hsl(220, 60%, 20%);
      --primary-fg: hsl(0, 0%, 100%);
      --secondary: hsl(38, 80%, 55%);
      --bg: hsl(220, 20%, 97%);
      --fg: hsl(220, 30%, 10%);
      --muted: hsl(220, 10%, 45%);
      --card: hsl(0, 0%, 100%);
      --border: hsl(220, 15%, 88%);
      --gold-gradient: linear-gradient(135deg, hsl(38,80%,55%), hsl(45,90%,65%));
      --cta-gradient: linear-gradient(135deg, hsl(145,65%,38%), hsl(145,70%,45%));
      --hero-overlay: linear-gradient(135deg, hsla(220,60%,12%,0.92), hsla(220,40%,20%,0.85));
      --shadow: 0 20px 60px -15px hsla(220,60%,10%,0.4);
      --shadow-card: 0 8px 30px -8px hsla(220,60%,10%,0.12);
    }
    * { margin:0; padding:0; box-sizing:border-box; border-color: var(--border); }
    body { font-family:'Inter',sans-serif; background:var(--bg); color:var(--fg); }
    h1,h2,h3 { font-family:'Playfair Display',serif; }
    .text-gold { background:var(--gold-gradient); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }

    /* HERO */
    .hero { position:relative; min-height:100vh; display:flex; align-items:center; justify-content:center; overflow:hidden; background:var(--primary); }
    .hero-overlay { position:absolute; inset:0; background:var(--hero-overlay); }
    .hero-content { position:relative; z-index:10; max-width:800px; margin:0 auto; padding:80px 24px; text-align:center; }
    .hero-badge { display:inline-flex; align-items:center; gap:8px; background:hsla(38,80%,55%,0.2); border:1px solid hsla(38,80%,55%,0.4); border-radius:999px; padding:8px 20px; margin-bottom:32px; color:var(--secondary); font-size:13px; font-weight:600; text-transform:uppercase; letter-spacing:1px; }
    .hero h1 { font-size:clamp(2.2rem,5vw,4.2rem); font-weight:900; color:var(--primary-fg); line-height:1.1; margin-bottom:24px; }
    .hero p { font-size:1.15rem; color:hsla(0,0%,100%,0.8); max-width:600px; margin:0 auto 40px; line-height:1.7; }
    .hero p strong { color:var(--primary-fg); }
    .btn-cta { background:var(--cta-gradient); color:var(--primary-fg); font-weight:700; font-size:1.1rem; padding:18px 40px; border:none; border-radius:12px; cursor:pointer; text-transform:uppercase; letter-spacing:1px; box-shadow:var(--shadow); transition:transform .3s; }
    .btn-cta:hover { transform:scale(1.05); }

    /* PAIN POINTS */
    .pain { padding:80px 24px; max-width:1100px; margin:0 auto; }
    .pain-top {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  align-items: center;
  margin-bottom: 80px;
}
.pain-content {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.pain-content h3 {
  font-size: clamp(1.6rem, 3.5vw, 2.2rem);
  font-weight: 900;
  line-height: 1.2;
  color: var(--fg);
  margin: 0;
}

.pain-subtitle {
  font-size: 1.1rem;
  color: var(--muted);
  line-height: 1.6;
  margin: 0;
}

.pain-offer {
  background: var(--primary);
  border-left: 4px solid var(--primary);
  padding: 24px;
  border-radius: 8px;
  margin: 12px 0;
}
.pain-offer p {
  font-size: 1rem;
  color: var(--fg);
  margin: 12px 0;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 10px;
}

    
    .pain-top h2 { font-size:clamp(1.8rem,4vw,3rem); font-weight:900; line-height:1.15; margin-bottom:24px; }
    .pain-top p { color:var(--muted); font-size:1.1rem; line-height:1.7; }
    .pain-top p strong { color:var(--fg); }
    .pain-img { border-radius:16px; width:100%; height:320px; object-fit:cover; box-shadow:var(--shadow); background:var(--primary); }
    .pain-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-bottom:80px; }
    .pain-card { background:var(--card); border-radius:16px; padding:32px; box-shadow:var(--shadow-card); border:1px solid var(--border); transition:box-shadow .3s; }
    .pain-card:hover { box-shadow:var(--shadow); }
    .pain-card .icon { width:56px; height:56px; border-radius:12px; background:hsla(38,80%,55%,0.1); display:flex; align-items:center; justify-content:center; margin-bottom:20px; font-size:24px; }
    .pain-card h3 { font-size:1.2rem; font-weight:700; margin-bottom:12px; }
    .pain-card p { color:var(--muted); line-height:1.6; }
    .pain-banner { position:relative; border-radius:16px; overflow:hidden; height:320px; background:var(--primary); }
    .pain-banner-overlay { position:absolute; inset:0; background:var(--hero-overlay); display:flex; align-items:center; justify-content:center; text-align:center; padding:24px; }
    .pain-banner-overlay p { font-size:clamp(1.5rem,4vw,3rem); font-weight:900; color:var(--primary-fg); }
    .pain-banner-overlay .sub { font-size:1.1rem; color:hsla(0,0%,100%,0.8); margin-top:16px; font-weight:400; }

    /* FORM */
    .form-section { padding:80px 24px; background:var(--primary); }
    .form-wrap { max-width:640px; margin:0 auto; }
    .form-wrap .title { text-align:center; margin-bottom:48px; }
    .form-wrap h2 { font-size:clamp(1.8rem,4vw,3rem); font-weight:900; color:var(--primary-fg); margin-bottom:16px; }
    .form-wrap .subtitle { color:hsla(0,0%,100%,0.7); font-size:1.1rem; }
    .form-wrap input, .form-wrap select { width:100%; padding:16px 20px; border-radius:12px; background:hsla(0,0%,100%,0.1); border:1px solid hsla(0,0%,100%,0.2); color:var(--primary-fg); font-size:1rem; font-family:'Inter',sans-serif; margin-bottom:12px; outline:none; transition:border .3s; }
    .form-wrap input::placeholder { color:hsla(0,0%,100%,0.4); }
    .form-wrap input:focus, .form-wrap select:focus { border-color:var(--secondary); box-shadow:0 0 0 3px hsla(38,80%,55%,0.3); }
    .form-wrap select { appearance:none; }
    .form-wrap select option { color:#333; }
    .form-row { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
    .btn-submit { width:100%; background:var(--gold-gradient); color:var(--primary); font-weight:700; font-size:1.1rem; padding:18px; border:none; border-radius:12px; cursor:pointer; text-transform:uppercase; letter-spacing:1.5px; margin-top:12px; box-shadow:var(--shadow); transition:transform .3s; }
    .btn-submit:hover { transform:scale(1.02); }
    .form-note { text-align:center; color:hsla(0,0%,100%,0.4); font-size:0.85rem; margin-top:24px; }
    .form-success { text-align:center; padding:80px 24px; }
    .form-success .check { font-size:72px; margin-bottom:24px; }
    .form-success h2 { color:var(--primary-fg); font-size:2rem; margin-bottom:16px; }
    .form-success p { color:hsla(0,0%,100%,0.8); font-size:1.1rem; }

    /* FOOTER */
    .footer { background:var(--primary); color:var(--primary-fg); border-top:1px solid hsla(0,0%,100%,0.1); }
    .footer-grid { max-width:1100px; margin:0 auto; padding:64px 24px; display:grid; grid-template-columns:1fr 1fr 1fr; gap:40px; }
    .footer h3 { font-size:1.2rem; font-weight:900; margin-bottom:16px; }
    .footer .info { color:hsla(0,0%,100%,0.8); font-size:0.9rem; line-height:1.8; }
    .footer a { color:hsla(0,0%,100%,0.8); text-decoration:none; transition:color .3s; }
    .footer a:hover { color:var(--secondary); }
    .footer-map { border-radius:12px; overflow:hidden; border:1px solid hsla(0,0%,100%,0.2); aspect-ratio:16/10; }
    .footer-map iframe { width:100%; height:100%; border:0; }
    .footer-bottom { text-align:center; padding:24px; border-top:1px solid hsla(0,0%,100%,0.1); color:hsla(0,0%,100%,0.4); font-size:0.75rem; }
.footer-title {
  font-size: clamp(1.5rem, 3vw, 2.5rem);
  font-weight: 900;
  line-height: 1.2;
  color: var(--fg);
  margin: 0;
  color: #ffffff;
}
.footer-hero {
  max-width: 1100px;
  text-align: center;
  border-bottom: 2px solid var(--primary);
}
    
    /* WHATSAPP */
.whatsapp-btn {
  position: fixed;
  bottom: 24px;
  right: 24px;
  width: 60px;
  height: 60px;
  background: #25D366;
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  box-shadow: 0 4px 12px rgba(37, 211, 102, 0.4);
  transition: all 0.3s ease;
  z-index: 1000;
}
.whatsapp-btn:hover {
  background: #20ba5a;
  transform: scale(1.1);
  box-shadow: 0 6px 20px rgba(37, 211, 102, 0.6);
}

.whatsapp-btn:active {
  transform: scale(0.95);
}

.whatsapp-btn svg {
  width: 28px;
  height: 28px;
  fill: white;
}
    /* MOBILE FOOTER BAR */
    .mobile-bar { position:fixed; bottom:0; left:0; right:0; z-index:40; display:none; grid-template-columns:1fr 1fr; }
    .mobile-bar a { display:flex; align-items:center; justify-content:center; gap:8px; padding:16px; font-weight:700; font-size:0.85rem; text-transform:uppercase; letter-spacing:0.5px; text-decoration:none; color:var(--primary-fg); }
    .mobile-bar a:first-child { background:var(--primary); }
    .mobile-bar a:last-child { background:var(--cta-gradient); }

    @media(max-width:768px){
      .pain-top,.pain-grid,.footer-grid { grid-template-columns:1fr; }
      .form-row { grid-template-columns:1fr; }
      .mobile-bar { display:grid; }
      .whatsapp-btn { bottom:80px; }
      body { padding-bottom:64px; }
    }
   
    .map-button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
  padding: 10px 16px;
  background-color: #d4af37;
  color: #000;
  text-decoration: none;
  border-radius: 4px;
  font-weight: 500;
  transition: opacity 0.2s ease;
}

.map-button:hover {
  opacity: 0.85;
}
.label{
  color: #d4af37;
}