:root{--ink:#172631;--muted:#667680;--red:#ff3038;--orange:#ff9818;--blue:#1269d3;--paper:#f6f7f8;--teal:#073f51;--gold:#d8ad4d}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--paper);color:var(--ink)}
a{text-decoration:none;color:inherit}.container{max-width:1160px;margin:auto;padding:0 20px}
header{background:#fff;border-bottom:1px solid #e5e8ea;position:sticky;top:0;z-index:10}
.nav{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.logo{width:min(430px,58vw);display:block}.nav small{color:var(--muted)}
.hero{background:linear-gradient(135deg,#fff 0%,#fff6e8 100%);padding:54px 0 42px}
.hero h1{font-size:46px;line-height:1.05;margin:0 0 12px}.hero p{font-size:19px;color:#53636d;max-width:720px;line-height:1.55}
.pill{display:inline-block;background:#fff0d5;color:#a45700;border:1px solid #ffd99d;padding:8px 13px;border-radius:999px;font-weight:800;font-size:13px}
.section{padding:42px 0}.section h2{font-size:31px;margin:0 0 8px}.section-lead{color:var(--muted);margin:0 0 26px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.offer{background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 10px 30px #17263112;border:1px solid #e8ebed;display:flex;flex-direction:column}
.offer-img{aspect-ratio:4/3;background:linear-gradient(135deg,#073f51,#0b6177);display:flex;align-items:center;justify-content:center;overflow:hidden}
.offer-img img{width:100%;height:100%;object-fit:cover}.offer-body{padding:22px;display:flex;flex-direction:column;flex:1}.business{font-size:13px;color:#7a8991;font-weight:800;text-transform:uppercase;letter-spacing:.8px}
.offer h3{font-size:25px;margin:7px 0}.price{font-size:31px;font-weight:900;color:var(--teal)}.offer p{color:#5c6c75;line-height:1.5}.actions{margin-top:auto;display:flex;gap:10px;flex-wrap:wrap}
.btn{display:inline-block;padding:13px 17px;border-radius:12px;font-weight:900;text-align:center}.primary{background:linear-gradient(90deg,var(--red),var(--orange));color:#fff}.secondary{background:#eef3f5;color:var(--teal)}
.placeholder{border:2px dashed #d6dde0;box-shadow:none;background:#fbfcfc}.placeholder .offer-img{background:#f0f3f4;color:#9aa6ac;font-size:42px}
footer{background:#172631;color:#dbe2e5;padding:30px 0;margin-top:30px;font-size:14px}
.detail-hero{background:linear-gradient(135deg,#062f3e,#07546a);color:#fff;padding:48px 0}.detail-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:36px;align-items:center}
.detail-hero h1{font-size:48px;line-height:1.05;margin:10px 0}.gold{color:#efc35c}.promo{background:#fff;color:#073f51;border-radius:24px;padding:28px;text-align:center}.promo .big{font-size:72px;font-weight:900;color:var(--gold)}
.features{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature{background:#fff;border-radius:18px;padding:22px;text-align:center;box-shadow:0 7px 22px #1726310d}.feature b{display:block;color:var(--teal);font-size:18px;margin:9px 0}.feature span{font-size:14px;color:#60717a;line-height:1.45}
.detail-box{background:#fff;border-radius:22px;padding:28px;display:grid;grid-template-columns:1fr auto;gap:25px;align-items:center;box-shadow:0 8px 25px #1726310d}.qr{width:160px}.contact{background:#073f51;color:#fff;border-radius:22px;padding:25px;margin-top:20px;display:flex;justify-content:space-between;gap:20px}.contact strong{color:#efc35c}
.back{display:inline-block;margin-bottom:14px;color:#d9e8ed}
@media(max-width:800px){.grid{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr}.features{grid-template-columns:1fr 1fr}.hero h1,.detail-hero h1{font-size:38px}.nav small{display:none}.detail-box{grid-template-columns:1fr;text-align:center}.qr{margin:auto}.contact{display:block}.promo .big{font-size:58px}}
@media(max-width:480px){.features{grid-template-columns:1fr}}

/* HEADER COMPACTO V2 */
.nav{height:95px;min-height:95px;padding-top:8px;padding-bottom:8px}
.logo{width:330px;max-width:45vw;height:75px;object-fit:contain;object-position:left center}

/* CONTADOR SOCIAL */
.click-counter{margin-top:16px;display:flex;align-items:center;gap:9px;font-size:14px;color:#dce9ed}
.click-counter strong{color:#efc35c;font-size:18px}
.click-counter.light{color:#60717a}
.click-counter.light strong{color:#073f51}
@media(max-width:760px){
 .nav{height:76px;min-height:76px;padding-top:6px;padding-bottom:6px}
 .logo{width:260px;max-width:80vw;height:62px}
}

.whatsapp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#25D366;color:#fff!important;padding:13px 17px;border-radius:12px;font-weight:900}
.whatsapp-btn:hover{filter:brightness(.95)}
.whatsapp-float{position:fixed;right:20px;bottom:20px;z-index:50;background:#25D366;color:#fff!important;width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;box-shadow:0 8px 25px #0003}

.facebook-btn{background:#1877F2;color:#fff!important;display:inline-flex;align-items:center;justify-content:center;}

.mechos-info-grid .info-card{min-height:150px}.mechos-info-grid .info-card b{font-size:19px}