*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#fff;color:#0D1117}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
.container{width:min(1140px,92%);margin:0 auto}
.site-header{position:sticky;top:0;background:rgba(255,255,255,.9);backdrop-filter:blur(10px);border-bottom:1px solid #e5e7eb;z-index:50}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.6rem 0}
.brand{display:flex;align-items:center;gap:.6rem;font-weight:700}
.logo{width:40px;height:40px;object-fit:contain}
.nav{display:flex;gap:1rem}
.nav a{padding:.4rem .2rem;border-bottom:2px solid transparent}
.nav a:hover{border-color:#C9A227}
.hamburger{display:none;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:.35rem .7rem}
.cta-row{display:flex;gap:.5rem}
.btn{display:inline-flex;align-items:center;gap:.3rem;padding:.6rem 1rem;border-radius:12px;border:1px solid transparent;transition:.2s}
.btn:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(0,0,0,.06)}
.btn-ghost,.btn-outline{background:#fff;border:1px solid #d1d5db}
.btn-whatsapp{background:linear-gradient(180deg,#20c863,#0bbf54);color:#fff}
.btn-add{background:linear-gradient(180deg,#0F6BAA,#2AA7DA);color:#fff}
.btn-round{background:#fff;border:1px solid #d1d5db;border-radius:999px}
.hero{position:relative;min-height:70vh;background-size:cover;background-position:center}
.hero .overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.75),rgba(255,255,255,.92))}
.hero-inner{position:relative;max-width:880px;padding:7rem 0 4rem}
.title{font-size:clamp(30px,3.8vw,46px);line-height:1.05;margin-bottom:.6rem}
.highlight{color:#0F6BAA}
.subtitle{color:#6B7280;font-size:1.02rem;margin-bottom:1.1rem}
.btn-group{display:flex;gap:.6rem;flex-wrap:wrap}
.hero-badges{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1rem}
.hero-badges span{background:#fff;border:1px solid #e5e7eb;border-radius:999px;padding:.35rem .7rem}
.trust{padding:2rem 0}
.trust-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}
.trust-item{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:1rem;box-shadow:0 14px 30px rgba(0,0,0,.025)}
.catalogo{padding:2.2rem 0}
.section-title{font-size:clamp(26px,3vw,34px);margin-bottom:.2rem}
.section-sub{color:#6B7280;margin-bottom:1.2rem}
.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.1rem}
.card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.03)}
.card-head{height:110px}
.head-1{background:linear-gradient(135deg,#F6E7B2,#E6C970)}
.head-2{background:linear-gradient(135deg,#D1E8FF,#F1F8FF)}
.head-3{background:linear-gradient(135deg,#D1FADF,#ECFDF5)}
.head-4{background:linear-gradient(135deg,#F4E8FF,#EDE9FE)}
.head-5{background:linear-gradient(135deg,#E7F0FF,#EAF7FF)}
.card-body{padding:1rem}
.pill{display:inline-block;background:#EEF6FB;border:1px solid #D7ECFA;color:#0F6BAA;border-radius:999px;padding:.2rem .6rem;margin-bottom:.35rem;font-size:.8rem}
.pill-dark{background:#ECFDF3;border:1px solid #A7F3D0;color:#065F46}
.price{margin:.5rem 0;font-weight:700;color:#0F6BAA}
.fine{font-size:.85rem;color:#6B7280}
.flow{padding:2rem 0}
.timeline{list-style:none;padding:0;margin:1rem 0}
.timeline li{position:relative;border-left:2px solid #e5e7eb;padding:.8rem 1rem .8rem 2.5rem;margin-left:1rem}
.timeline .num{position:absolute;left:-15px;top:.7rem;background:linear-gradient(180deg,#F6E7B2,#E6C970);padding:.2rem .55rem;border-radius:10px;border:1px solid rgba(0,0,0,.05);font-weight:700}
.segments{padding:2rem 0}
.seg-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1rem;align-items:stretch}
.seg{background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden;box-shadow:0 12px 26px rgba(0,0,0,.02);display:flex;flex-direction:column}
.seg img{width:100%;height:180px;object-fit:cover;display:block}
.seg h3{margin:.7rem 1rem .3rem;font-weight:600}
.seg p{margin:0 1rem 1rem;font-size:.9rem;color:#4b5563}
.why{padding:2rem 0}
.why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}
.why-item{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:1rem}
.why-img{width:100%;height:140px;object-fit:cover;border-radius:12px;margin-bottom:.6rem}
.location{padding:2rem 0 3.5rem}
.loc-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:1.2rem;align-items:center}
.loc-img img{width:200px;margin-inline:auto}
.site-footer{border-top:1px solid #e5e7eb;padding:1.2rem 0}
.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}
.footer-brand{display:flex;align-items:center;gap:.6rem}
.sticky-cta{position:fixed;bottom:14px;left:50%;transform:translateX(-50%);display:flex;gap:.5rem;background:rgba(255,255,255,.85);backdrop-filter:blur(10px);border:1px solid #e5e7eb;border-radius:999px;padding:.35rem .6rem;z-index:60}
.sticky-cta a{padding:.4rem .7rem;border-radius:999px;border:1px solid #d1d5db;background:#fff}
.reveal{opacity:0;transform:translateY(14px);transition:opacity .45s ease, transform .45s ease}
.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){
  .nav{display:none;position:absolute;top:62px;left:0;right:0;background:#fff;border-bottom:1px solid #e5e7eb;padding:.7rem 1rem;flex-direction:column}
  .nav.open{display:flex}
  .hamburger{display:inline-flex}
  .hero-inner{padding:6rem 0 3.5rem}
  .loc-grid{grid-template-columns:1fr}
  .sticky-cta{bottom:10px}
}