:root{--max:1100px;--pad:20px}
*{box-sizing:border-box}html,body{margin:0}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif;line-height:1.6;color:#0f172a;background:#fff;margin-top:60px;}
.container{max-width:var(--max);margin:auto;padding:0 var(--pad)}
.site-header{position:fixed;width:100%;top:0;background:#0b3b2e;color:#fff;z-index:10;border-bottom:1px solid #0a3327}
.site-header .nav{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:700;letter-spacing:.3px}
.site-header nav a{color:#e6f4ee;text-decoration:none;margin-left:18px;font-weight:600;transition: .2s all ease-in-out;}
.site-header nav a:hover{color:#10b981;}
.btn{display:inline-block;padding:12px 18px;border-radius:10px;border:2px solid #10b981;text-decoration:none;background:#10b981;color:#fff;font-weight:700;transition: .2s all ease-in-out;}
.btn.small{padding:8px 12px;font-size:.9rem}
.btn.ghost{background:transparent;color:#0a3327;border-color:#0a3327}
.btn.whats{display:inline-flex;align-items:center;gap:8px;border-color:#25D366;background:#25D366;color:white}
.btn.whats .wa-ico{display:inline-flex}
.btn:hover {background-color: #0a3327;border-color: #0a3327;color: #fff;}

.cta-row {display: flex;gap: 10px;flex-wrap: wrap;}
.hero{padding:70px 0;background:linear-gradient(180deg,#eaf7f2,transparent)}
.hero-grid{display:grid;gap:30px;grid-template-columns:1.2fr .9fr;align-items:start}
.hero h1{font-size:2.2rem;line-height:1.2;margin:0 0 10px}
.hero .trust{list-style:none;padding:0;margin:14px 0;display:grid;gap:6px}
.hero .note{display:block;margin-top:6px;color:#475569}
.hero-card .badge{margin-bottom:12px;background:#d1fae5;display:inline-block;padding:6px 10px;border-radius:8px;font-weight:700}
.card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:18px;box-shadow:0 6px 20px rgba(16,24,40,.06)}
label{display:block;font-weight:600;margin:10px 0 6px}
input,select,textarea{width:100%;padding:10px 12px;border:1px solid #cbd5e1;border-radius:10px;font:inherit}
textarea{resize:vertical}
.muted{color:#475569}
.lead{font-size:1.05rem}
form button {margin-top: 16px;}
form h3 {
  margin-top: 0;
}
.section{padding:64px 0}
.section.alt{background:#f8fafc}
h2{font-size:1.8rem;margin:0 0 14px}
.cards{display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}
.cards.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.service,.price{border:1px solid #e2e8f0;border-radius:14px;padding:18px;background:#fff}
.service h3{margin-top:0}
.price .price-tag{font-size:1.2rem;font-weight:800;margin:.4rem 0}
.price.featured{border-width:2px}
.mt-10{margin-top: 16px !important;}
.grid-2{display:grid;gap:22px;grid-template-columns:repeat(2,minmax(0,1fr))}
.highlight{background:#fff;border:1px dashed #94a3b8;border-radius:14px;padding:18px}

.steps{counter-reset:step;list-style:none;padding:0;margin:0;display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}
.steps li{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:14px;font-weight:600}
.steps li::before{counter-increment:step;content:counter(step);display:inline-grid;place-items:center;width:24px;height:24px;border-radius:999px;background:#10b981;color:#0b3b2e;margin-right:8px}

details{border:1px solid #e2e8f0;border-radius:12px;padding:12px;margin:10px 0;background:#fff}
details summary{cursor:pointer;font-weight:700}

.contact .card h3{margin-top:0}

.site-footer{padding:24px 0;border-top:1px solid #e2e8f0;background:#fff}
.footer-grid{display:grid;gap:10px;grid-template-columns:1fr 1fr;align-items:center}
.brand-row{display:flex;align-items:center;gap:10px;text-decoration:none}
.brand-row span {font-weight:700;color:#0b3b2e;}
.footer-nav a{color:#0b3b2e;text-decoration:none}
.footer-nav {margin-top:10px !important}
.legal{color:#475569;display:grid;gap:4px;justify-items:end}
.legal .registry{color:#64748b;font-size:.9em}
.copyright{margin-top: 20px;}
.center{text-align:center}
.no-dot{list-style: none;padding: 0;margin: 0;}
/* WhatsApp floating action button (high-contrast) */
.whatsapp-fab{position:fixed;right:18px;bottom:18px;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:#25D366;text-decoration:none;box-shadow:0 8px 24px rgba(0,0,0,.2);z-index:99}
.whatsapp-fab:hover{filter:brightness(1.05)}

@media (max-width: 900px){
  .hero {
    padding: 40px 0;
  }
  .hero-grid,.grid-2,.cards,.cards.three{grid-template-columns:1fr}
  .site-header nav a{margin-left:12px}
  .steps{grid-template-columns:1fr 1fr}
  .footer-grid{grid-template-columns:1fr;justify-items:center;text-align:center}
  .legal{justify-items:center}
}
@media (max-width: 520px){
  .steps{grid-template-columns:1fr}
}

    /* Mobile Navigation Styles */
    .mobile-menu-toggle {
      display: none;
      background: none;
      border: none;
      cursor: pointer;
      padding: 8px;
      color: inherit;
    }
    
    .mobile-menu-toggle svg {
      width: 24px;
      height: 24px;
    }
    
    @media (max-width: 768px) {
      .mobile-menu-toggle {
        display: block;
      }
      
      .site-header nav {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        display: flex;
        background: #0b3b2e;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        flex-direction: column;
        padding: 3rem 2rem;
        transform: translateX(100%);
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s ease;
        z-index: 1000;
      }
      
      .site-header nav.active {
        transform: translateX(0);
        opacity: 1;
        visibility: visible;
      }
      
      .site-header nav.active * {
        margin: 0 !important;
      }
    

      .site-header nav a {
        padding: 0.75rem 0;
        text-align: center;
      }
      
      .site-header nav a:last-child {
        border-bottom: none;
        margin-top: 0.5rem;
      }
      
      .site-header .nav {
        position: relative;
      }
    }