@import url('./base.css');
body{background:#fff}
.site-header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(10,74,62,.08)}
.navbar{height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:38px;height:30px;position:relative}.brand-mark:before,.brand-mark:after{content:"";position:absolute;bottom:0;width:12px;height:28px;background:var(--vtx-green);transform:skew(-34deg);border-radius:2px}.brand-mark:before{left:5px}.brand-mark:after{left:19px;height:21px;background:var(--vtx-gold)}.brand-copy strong{display:block;font-size:17px;letter-spacing:.08em}.brand-copy span{display:block;font-size:8px;font-weight:900;color:var(--vtx-gold-deep);letter-spacing:.32em}.navlinks{display:flex;gap:22px;align-items:center;font-size:.77rem;color:#40534c}.navlinks a{position:relative}.navlinks a:after{content:"";position:absolute;left:0;right:100%;height:2px;background:var(--vtx-green-3);bottom:-8px;transition:.2s}.navlinks a:hover:after{right:0}.nav-actions{display:flex;gap:8px}.mobile-toggle{display:none}
.hero{min-height:650px;position:relative;isolation:isolate;overflow:hidden;background:#0a3d34}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,36,30,.94) 0%,rgba(4,36,30,.78) 43%,rgba(4,36,30,.28) 72%,rgba(4,36,30,.10)),url('../img/yarumal-basilica.png') center 38%/cover no-repeat;z-index:-2;filter:saturate(.92) contrast(1.03)}.hero:after{content:"";position:absolute;inset:auto 0 0;height:150px;background:linear-gradient(180deg,transparent,#fff);z-index:-1}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:42px;align-items:center;min-height:610px;padding:66px 0 88px}.hero-copy{color:#fff}.hero-copy .kicker{color:#f1d79f}.hero-copy h1{font-size:clamp(3.25rem,5vw,5.4rem);line-height:.91;margin:14px 0 20px;max-width:720px}.hero-copy h1 em{font-style:normal;color:#e5c36f}.hero-copy p{max-width:640px;line-height:1.7;color:#e6efeb;font-size:1.02rem}.hero-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.hero-tags .pill{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.19);color:#eef7f3}.hero-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.hero-cta .btn-outline{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.28)}
.product-stage{position:relative;min-height:480px}.laptop-frame{position:absolute;width:88%;right:0;top:18px;background:#101915;border-radius:22px;padding:10px 10px 22px;box-shadow:0 28px 65px rgba(0,0,0,.38);transform:perspective(1000px) rotateY(-4deg)}.laptop-screen{height:355px;border-radius:13px;overflow:hidden;background:#edf4f1;border:1px solid rgba(255,255,255,.1)}.mini-ui{height:100%;display:grid;grid-template-columns:112px 1fr}.mini-side{background:#073f35;padding:14px 10px;color:#e8f3ef}.mini-logo{font-size:9px;font-weight:900;letter-spacing:.1em;margin-bottom:18px}.mini-nav{font-size:8px;padding:8px;border-radius:7px;margin:2px 0;opacity:.85}.mini-nav.active{background:#0e735a;opacity:1}.mini-main{padding:14px;background:#f6faf8}.mini-top{display:flex;justify-content:space-between;align-items:center;font-size:8px}.mini-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:10px}.mini-kpi{background:#fff;border:1px solid #dce7e2;border-radius:9px;padding:8px}.mini-kpi b{font-size:15px;display:block}.mini-kpi span{font-size:6px;color:#75867f}.mini-content{display:grid;grid-template-columns:1.35fr .75fr;gap:7px;margin-top:7px}.mini-card{background:#fff;border:1px solid #dce7e2;border-radius:9px;padding:8px}.mini-map{height:140px;background:url('../img/mapa-yarumal-publico.png') center/cover no-repeat;border-radius:7px;position:relative;overflow:hidden}.mini-map:after{content:"";position:absolute;inset:0;background:rgba(15,107,85,.05)}.mini-chart{height:95px;margin-top:18px;border-left:1px solid #d8e4df;border-bottom:1px solid #d8e4df;position:relative}.mini-chart svg{position:absolute;inset:8px 4px 4px;width:calc(100% - 8px);height:calc(100% - 12px)}.phone-frame{position:absolute;right:-18px;bottom:4px;width:175px;background:#111915;border-radius:29px;padding:7px;box-shadow:0 24px 55px rgba(0,0,0,.35);transform:rotate(2deg)}.phone-screen{background:#fff;border-radius:23px;overflow:hidden;min-height:345px}.phone-head{padding:11px 12px;display:flex;justify-content:space-between;font-size:8px;font-weight:800}.phone-photo{height:120px;background:linear-gradient(180deg,rgba(7,53,44,.12),rgba(7,53,44,.75)),url('../img/yarumal-basilica-2.png') center/cover}.phone-photo strong{display:block;color:#fff;font-family:Georgia,serif;font-size:18px;padding:58px 12px 0}.phone-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:10px}.phone-tile{border:1px solid #e1e9e5;border-radius:10px;padding:10px 6px;text-align:center;font-size:8px;color:#1c4135}.phone-tile [data-icon]{display:block;font-size:16px;margin:0 auto 5px;width:max-content}.hero-note{position:absolute;right:8px;top:9px;color:#fff;text-align:right;font-family:Georgia,serif;font-style:italic;font-size:20px;opacity:.92}.hero-note small{display:block;font-family:Inter,sans-serif;font-style:normal;font-size:8px;letter-spacing:.14em;text-transform:uppercase;color:#f0d69f;margin-top:7px}
.stats-band{margin-top:-50px;position:relative;z-index:8}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat-card{padding:18px;display:flex;gap:13px;align-items:center}.stat-card .icon-wrap{width:46px;height:46px}.stat-card b{display:block;font-size:1.55rem;line-height:1}.stat-card span{font-size:.76rem;color:var(--vtx-muted)}.stat-card small{display:block;color:var(--vtx-green-3);font-size:.66rem;margin-top:4px;font-weight:800}
.ecosystem{background:linear-gradient(180deg,#fff,#f7faf8)}.eco-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.eco-card{padding:22px;display:grid;grid-template-columns:1fr 135px;gap:16px;min-height:260px}.eco-card h3{font-size:1.1rem;margin:0 0 5px}.eco-card p{font-size:.78rem;color:var(--vtx-muted);line-height:1.55}.eco-media{border-radius:14px;overflow:hidden;min-height:200px;align-self:stretch}.eco-media.street{background:url('../img/yarumal-calle.png') center/cover}.eco-media.church{background:url('../img/yarumal-basilica-2.png') center/cover}.eco-media.map{background:url('../img/mapa-yarumal-ocha.png') 35% center/cover}.check-list{list-style:none;margin:12px 0 0;padding:0}.check-list li{font-size:.76rem;padding:4px 0;display:flex;gap:7px;align-items:flex-start}.check-list li:before{content:"✓";width:17px;height:17px;border-radius:50%;display:grid;place-items:center;background:var(--vtx-green-soft);color:var(--vtx-green);font-weight:900;font-size:.65rem;flex:0 0 auto}
.map-section{background:#f4f8f6}.territory-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:16px}.map-card{padding:14px;position:relative;overflow:hidden}.real-map{height:390px;border-radius:15px;position:relative;background:#e5ece8 url('../img/mapa-yarumal-ocha.png') 32% center/cover no-repeat;overflow:hidden}.real-map:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.05),rgba(255,255,255,.15))}.map-legend{position:absolute;left:14px;top:14px;background:rgba(255,255,255,.93);backdrop-filter:blur(8px);border-radius:12px;padding:11px;box-shadow:var(--vtx-shadow-sm);display:grid;gap:7px;font-size:.7rem}.legend-row{display:flex;align-items:center;gap:7px}.map-dot{width:9px;height:9px;border-radius:50%}.marker{position:absolute;width:18px;height:18px;border-radius:50%;border:3px solid #fff;box-shadow:0 3px 9px rgba(0,0,0,.22);transform:translate(-50%,-50%);z-index:3}.marker.need{background:var(--vtx-danger)}.marker.proposal{background:var(--vtx-info)}.marker.activity{background:var(--vtx-warning)}.marker.commitment{background:var(--vtx-green-3)}.map-source{position:absolute;left:14px;bottom:14px;background:rgba(255,255,255,.92);padding:7px 9px;border-radius:9px;font-size:.65rem;color:#45564f}.territory-analytics{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.metric-card{padding:18px}.metric-card b{font-size:1.8rem;display:block}.metric-card span{font-size:.75rem;color:var(--vtx-muted)}.chart-card{grid-column:1/-1;padding:18px;min-height:200px}.chart-card svg{width:100%;height:135px;margin-top:10px}.quote-photo{grid-column:1/-1;display:grid;grid-template-columns:155px 1fr;overflow:hidden}.quote-photo img{width:100%;height:100%;object-fit:cover}.quote-photo div{padding:22px;font-family:Georgia,serif;font-size:1.24rem;line-height:1.35;background:#fff}
.qr-section{background:#fff}.qr-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:18px}.qr-poster{min-height:445px;border-radius:22px;overflow:hidden;position:relative;background:linear-gradient(180deg,rgba(6,48,40,.12),rgba(6,48,40,.88)),url('../img/yarumal-basilica.png') center/cover;color:#fff;padding:28px}.qr-poster h3{font-family:Georgia,serif;font-size:2.6rem;line-height:1.02;margin:18px 0 8px}.qr-box{width:160px;height:160px;background:#fff;border-radius:15px;margin-top:24px;padding:12px;display:grid;grid-template-columns:repeat(17,1fr);gap:2px}.qr-box i{background:#0a241d;border-radius:1px}.qr-right{display:grid;grid-template-columns:1fr 1fr;gap:12px}.qr-option{padding:20px;min-height:180px}.qr-option h4{margin:12px 0 5px;font-family:Georgia,serif;font-size:1.15rem}.qr-option p{font-size:.75rem;color:var(--vtx-muted);line-height:1.55}.scan-banner{grid-column:1/-1;min-height:180px;display:grid;grid-template-columns:1.1fr .9fr;overflow:hidden;background:linear-gradient(90deg,#0b5b48,#103b32);color:#fff}.scan-copy{padding:26px}.scan-copy h3{font-family:Georgia,serif;font-size:2rem;margin:4px 0 8px}.scan-copy p{font-size:.82rem;color:#d9eae4}.scan-photo{background:linear-gradient(90deg,rgba(10,77,63,.15),rgba(10,77,63,.35)),url('../img/yarumal-basilica-2.png') center/cover}
.process-row{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.process-step{position:relative;padding:14px;text-align:center}.process-step:not(:last-child):after{content:"→";position:absolute;right:-12px;top:31px;color:var(--vtx-gold);font-weight:900}.process-step .icon-wrap{margin:0 auto 10px}.process-step b{display:block;font-size:.82rem}.process-step span{font-size:.68rem;color:var(--vtx-muted)}
.benefits-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.benefit-card{padding:15px;text-align:center}.benefit-card .icon-wrap{margin:0 auto 9px}.benefit-card b{font-size:.74rem;display:block}.module-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.module-card{display:flex;align-items:center;gap:10px;padding:14px}.module-card b{font-size:.75rem}.module-card small{display:block;color:var(--vtx-muted);font-size:.62rem;margin-top:2px}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.plan-card{padding:24px;position:relative}.plan-card.featured{border:1px solid var(--vtx-green-3);box-shadow:0 18px 55px rgba(10,74,62,.11)}.plan-tag{position:absolute;right:18px;top:18px;background:var(--vtx-green);color:#fff;padding:5px 8px;border-radius:999px;font-size:.62rem;font-weight:900}.plan-card h3{font-family:Georgia,serif;font-size:1.55rem;margin:13px 0 4px}.price{font-size:1.45rem;font-weight:900}.price small{font-size:.68rem;color:var(--vtx-muted);font-weight:500}.plan-card p{font-size:.75rem;color:var(--vtx-muted)}
.timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.timeline-item{padding:16px;display:flex;gap:12px;align-items:flex-start}.num{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--vtx-green);color:#fff;font-weight:900;font-size:.7rem;flex:0 0 auto}.timeline-item b{font-size:.78rem}.timeline-item small{display:block;font-size:.64rem;color:var(--vtx-muted);margin-top:3px}
.final-cta{padding:0;background:#082f28;color:#fff}.final-band{min-height:330px;background:linear-gradient(90deg,rgba(5,40,33,.92),rgba(5,40,33,.52)),url('../img/yarumal-basilica.png') center 42%/cover;display:flex;align-items:center}.final-grid{display:grid;grid-template-columns:1fr .8fr;gap:46px;align-items:center;padding:50px 0}.final-grid h2{font-size:3.1rem;margin:7px 0 10px}.final-grid p{color:#d7e8e2;line-height:1.65}.contact-panel{border-left:1px solid rgba(240,214,159,.45);padding-left:28px}.contact-line{padding:7px 0;color:#e2ece8;font-size:.8rem}.site-footer{background:#06251f;color:#b7cac3;padding:25px 0}.footer-grid{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:24px;align-items:start}.footer-grid p{font-size:.7rem;line-height:1.55}.footer-links{display:flex;gap:14px;flex-wrap:wrap;font-size:.68rem}.footer-end{text-align:right;font-size:.66rem}
@media(max-width:1050px){.navlinks{display:none}.mobile-toggle{display:grid}.hero-grid{grid-template-columns:1fr}.product-stage{min-height:510px}.stats-grid,.eco-grid,.pricing-grid{grid-template-columns:1fr 1fr}.eco-card:last-child,.pricing-grid .plan-card:last-child{grid-column:1/-1}.benefits-grid{grid-template-columns:repeat(3,1fr)}.territory-grid,.qr-layout{grid-template-columns:1fr}.process-row{grid-template-columns:1fr}.process-step:not(:last-child):after{content:"↓";position:static;display:block;margin-top:8px}.timeline{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-end{text-align:left}}
@media(max-width:680px){.nav-actions .btn-outline{display:none}.hero{min-height:720px}.hero-grid{padding-top:46px}.hero-copy h1{font-size:3.15rem}.laptop-frame{width:100%;right:0}.phone-frame{right:-4px;width:150px}.stats-grid,.eco-grid,.benefits-grid,.module-grid,.pricing-grid,.timeline{grid-template-columns:1fr}.eco-card,.scan-banner{grid-template-columns:1fr}.eco-card:last-child,.pricing-grid .plan-card:last-child{grid-column:auto}.territory-analytics{grid-template-columns:1fr}.chart-card,.quote-photo{grid-column:auto}.quote-photo{grid-template-columns:1fr}.quote-photo img{height:180px}.qr-right{grid-template-columns:1fr}.scan-banner{grid-column:auto}.scan-photo{min-height:170px}.final-grid,.footer-grid{grid-template-columns:1fr}.contact-panel{border-left:0;border-top:1px solid rgba(240,214,159,.4);padding-left:0;padding-top:20px}.section-head h2{font-size:2.2rem}}
@media(max-width:1050px){
  .navlinks.mobile-open{display:flex;position:absolute;left:20px;right:20px;top:64px;flex-direction:column;align-items:stretch;gap:0;background:#fff;border:1px solid var(--vtx-line);border-radius:16px;padding:10px;box-shadow:var(--vtx-shadow)}
  .navlinks.mobile-open a{padding:10px 12px;border-radius:9px}
  .navlinks.mobile-open a:hover{background:var(--vtx-green-soft)}
}

.qr-option{position:relative;padding-right:92px}.qr-thumb{position:absolute;right:14px;top:14px;width:64px;height:64px;border:1px solid var(--vtx-line);border-radius:9px;background:#fff;padding:4px;object-fit:contain}.qr-box{object-fit:contain;display:block}
@media(max-width:620px){.qr-option{padding-right:20px}.qr-thumb{position:static;width:76px;height:76px;margin-bottom:10px}}