/* MERCOPACT BUYER DEVELOPMENT OFFER SYSTEM — 2026-09-23 */
.offer-hero{background:linear-gradient(135deg,#0B1F33 0%,#0D3342 58%,#0F766E 100%);color:#fff;padding:92px 0 72px;position:relative;overflow:hidden}
.offer-hero:after{content:"";position:absolute;width:560px;height:560px;border:1px solid rgba(200,155,60,.28);border-radius:50%;right:-180px;top:-245px;box-shadow:0 0 0 86px rgba(255,255,255,.018),0 0 0 170px rgba(255,255,255,.012)}
.offer-hero .container{position:relative;z-index:1}.offer-hero .eyebrow{color:#E6C979}.offer-hero h1{max-width:980px;color:#fff;margin-bottom:20px}.offer-hero .lead{max-width:880px;color:#DCE7EC}
.offer-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.btn-brass{background:#C89B3C;color:#0B1F33;border:1px solid #C89B3C}.btn-brass:hover{background:#D8AF58;border-color:#D8AF58}.btn-whatsapp{background:#0F766E;color:#fff;border:1px solid #0F766E}.btn-whatsapp:hover{background:#0B655F;border-color:#0B655F}
.offer-flow{margin-top:30px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:.78rem;font-weight:750;color:#E9F1F4}.offer-flow span{display:inline-flex;align-items:center;gap:8px}.offer-flow span:not(:last-child):after{content:"→";color:#C89B3C;font-weight:900}
.offer-note{margin-top:22px;padding:14px 16px;border-left:3px solid #C89B3C;background:rgba(255,255,255,.07);max-width:900px;color:#DCE7EC;font-size:.88rem;line-height:1.65}
.mechanism-grid{display:grid;grid-template-columns:repeat(7,1fr);border:1px solid var(--line);background:#fff}.mechanism-step{padding:22px 18px;border-right:1px solid var(--line);min-height:150px}.mechanism-step:last-child{border-right:0}.mechanism-step span{display:block;color:#C89B3C;font-size:.78rem;font-weight:800;letter-spacing:.1em;margin-bottom:12px}.mechanism-step strong{display:block;color:#0B1F33;font-size:1rem;margin-bottom:8px}.mechanism-step p{margin:0;color:#5B6975;font-size:.78rem;line-height:1.55}
.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}.package-card{background:#fff;border:1px solid #D8D4CA;padding:28px 24px;position:relative;display:flex;flex-direction:column}.package-card.featured{border:2px solid #C89B3C;background:#0B1F33;color:#fff;transform:translateY(-10px);box-shadow:0 18px 45px rgba(11,31,51,.13)}.package-badge{position:absolute;top:-15px;left:50%;transform:translateX(-50%);background:#C89B3C;color:#0B1F33;padding:7px 14px;border-radius:999px;font-size:.7rem;font-weight:900;letter-spacing:.08em;white-space:nowrap}.package-kicker{font-size:.67rem;letter-spacing:.13em;text-transform:uppercase;color:#0F766E;font-weight:800}.featured .package-kicker{color:#E6C979}.package-card h3{font-size:1.55rem;margin:8px 0 8px}.featured h3{color:#fff}.package-price{font-size:2.35rem;line-height:1;font-weight:900;color:#0B1F33;margin:14px 0 6px}.featured .package-price{color:#E6C979}.package-term{font-size:.76rem;color:#63717B;font-weight:700}.featured .package-term{color:#D4DEE4}.package-standard{font-size:.76rem;color:#7A858E;text-decoration:line-through;margin-top:5px}.package-list{display:grid;gap:8px;margin:24px 0 0;padding:0;list-style:none}.package-list li{position:relative;padding-left:20px;font-size:.86rem;line-height:1.45;color:#33495B}.package-list li:before{content:"✓";position:absolute;left:0;color:#0F766E;font-weight:900}.featured .package-list li{color:#E9F0F3}.featured .package-list li:before{color:#E6C979}.package-subbox{margin-top:auto;padding:14px;background:#F3F7F7;border-left:3px solid #0F766E;font-size:.78rem;line-height:1.55;color:#33495B}.featured .package-subbox{background:rgba(255,255,255,.08);color:#DCE7EC;border-left-color:#C89B3C}
.package-cta{margin-top:16px}.cost-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.cost-box{padding:26px;border:1px solid var(--line);background:#fff}.cost-box.dark{background:#0B1F33;color:#fff;border-color:#0B1F33}.cost-box h3{font-size:1.3rem;margin-bottom:14px}.cost-box.dark h3{color:#E6C979}.cost-box ul{margin:0;padding-left:18px;color:#4B5E6D}.cost-box.dark ul{color:#DCE7EC}.cost-box li{margin:8px 0;line-height:1.5}.quality-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.quality-card{padding:22px 18px;border:1px solid var(--line);background:#fff}.quality-card strong{display:block;color:#0B1F33;margin-bottom:8px}.quality-card b{color:#0F766E}.conversion-line{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:26px;font-weight:800;color:#0B1F33}.conversion-line span{display:inline-flex;gap:8px;align-items:center}.conversion-line span:not(:last-child):after{content:"→";color:#C89B3C}.whatsapp-strip{background:#0F766E;color:#fff;padding:26px 0}.whatsapp-strip .container{display:flex;align-items:center;justify-content:space-between;gap:20px}.whatsapp-strip strong{font-size:1.25rem}.whatsapp-strip p{margin:4px 0 0;color:#DDF3EF}.whatsapp-strip a{color:#fff}
.qualify-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px}.qualify-list{display:grid;gap:12px}.qualify-item{padding:16px 18px;border-left:3px solid #0F766E;background:#fff;border-top:1px solid var(--line);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.form-help{font-size:.78rem;color:#63717B;line-height:1.55;margin-top:8px}
@media(max-width:980px){.mechanism-grid{grid-template-columns:repeat(2,1fr)}.mechanism-step:nth-child(2n){border-right:0}.package-grid{grid-template-columns:1fr}.package-card.featured{transform:none}.quality-grid{grid-template-columns:1fr 1fr}.cost-grid,.qualify-grid{grid-template-columns:1fr}.whatsapp-strip .container{align-items:flex-start;flex-direction:column}}
@media(max-width:680px){.offer-hero{padding:70px 0 54px}.mechanism-grid{grid-template-columns:1fr}.mechanism-step{border-right:0;border-bottom:1px solid var(--line);min-height:auto}.mechanism-step:last-child{border-bottom:0}.quality-grid{grid-template-columns:1fr}.package-card{padding:24px 18px}.package-price{font-size:2rem}.offer-flow{font-size:.72rem}}
