:root{--navy:#061d46;--navy-2:#0a2a5b;--gold:#c98924;--gold-light:#efbd63;--turq:#05aecd;--cream:#f7f4ee;--ink:#10213d;--muted:#607087;--white:#fff;--line:rgba(6,29,70,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:"DM Sans",sans-serif;line-height:1.6}img{max-width:100%;display:block}a{color:inherit}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:100;background:#fff;padding:.75rem 1rem}.skip-link:focus{top:1rem}.site-header{height:86px;padding:0 clamp(1.25rem,5vw,5.5rem);display:flex;align-items:center;justify-content:space-between;position:absolute;top:0;left:0;right:0;z-index:20;color:#fff;border-bottom:1px solid rgba(255,255,255,.18)}.brand img{width:166px;height:62px;object-fit:contain;filter:brightness(0) invert(1)}nav{display:flex;align-items:center;gap:2rem;font-size:.88rem;font-weight:600}nav a{text-decoration:none}.nav-cta{padding:.72rem 1.15rem;border:1px solid rgba(255,255,255,.6);border-radius:999px}.menu-toggle{display:none}.hero{min-height:790px;height:100svh;position:relative;color:#fff;display:flex;align-items:center;overflow:hidden}.hero-image,.hero-overlay{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-overlay{background:linear-gradient(90deg,rgba(2,14,36,.91) 0%,rgba(2,14,36,.67) 34%,rgba(2,14,36,.08) 72%),linear-gradient(0deg,rgba(2,14,36,.34),transparent 45%)}.hero-content{position:relative;z-index:2;width:min(650px,86vw);margin-left:clamp(1.25rem,7vw,8rem);padding-top:4rem}.eyebrow,.section-kicker{text-transform:uppercase;letter-spacing:.2em;font-size:.75rem;font-weight:700}.eyebrow{color:var(--gold-light)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:"Playfair Display",serif;font-weight:500;line-height:1.05}h1{font-size:clamp(3.1rem,6.7vw,6.7rem);letter-spacing:-.04em;margin:.9rem 0 1.5rem}h1 em,h2 em{color:var(--gold-light);font-weight:500}.hero-copy{font-size:clamp(1rem,1.5vw,1.22rem);max-width:580px;color:rgba(255,255,255,.86)}.hero-actions{display:flex;align-items:center;gap:1.75rem;margin-top:2.3rem;flex-wrap:wrap}.button{display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:2px;text-decoration:none;font:700 .9rem "DM Sans",sans-serif;padding:1.05rem 1.45rem;cursor:pointer}.button-primary{background:linear-gradient(135deg,var(--gold-light),var(--gold));color:#071a39;box-shadow:0 10px 35px rgba(201,137,36,.22)}.text-link{font-size:.9rem;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.45);padding-bottom:.2rem}.hero-note{position:absolute;z-index:2;bottom:2rem;right:clamp(1.25rem,6vw,6rem);display:flex;gap:1rem;align-items:flex-start;width:280px;font-size:.82rem}.hero-note span{font-family:"Playfair Display",serif;color:var(--gold-light);font-size:1.6rem}.section{padding:clamp(5rem,9vw,9rem) clamp(1.25rem,7vw,8rem)}.section-kicker{color:var(--gold);margin-bottom:2rem}.promise-grid{display:grid;grid-template-columns:1.5fr .8fr;gap:clamp(2rem,8vw,8rem);align-items:end}.promise-grid h2,.models h2,.process h2,.contact h2{font-size:clamp(2.5rem,4.6vw,4.7rem);letter-spacing:-.035em}.promise-grid h2{margin:0}.promise-grid em{color:var(--gold)}.promise-grid>div p{color:var(--muted);font-size:1.05rem}.arrow-link{display:flex;justify-content:space-between;text-decoration:none;font-weight:700;border-bottom:1px solid var(--ink);padding:1rem 0}.pillars{display:grid;grid-template-columns:repeat(4,1fr);margin-top:5rem;border-top:1px solid var(--line)}.pillars article{padding:2rem 1.5rem 0 0;border-right:1px solid var(--line)}.pillars article+article{padding-left:1.5rem}.pillars article:last-child{border:0}.pillars span{color:var(--gold);font-size:.75rem}.pillars h3{font-family:"Playfair Display",serif;font-size:1.5rem;margin:.5rem 0}.pillars p{color:var(--muted);font-size:.9rem}.dark-section{background:var(--navy);color:#fff;display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(3rem,10vw,11rem);position:relative;overflow:hidden}.dark-section:after{content:"V";position:absolute;right:-2rem;bottom:-12rem;font-family:"Playfair Display",serif;font-size:36rem;color:rgba(255,255,255,.025);line-height:1}.benefit-intro{position:relative;z-index:1}.benefit-intro h2{font-size:clamp(2.8rem,4.3vw,4.6rem);margin:.8rem 0 2rem}.benefit-intro>p:last-child{color:rgba(255,255,255,.66)}.benefit-list{position:relative;z-index:1}.benefit-list article{display:grid;grid-template-columns:58px 1fr;gap:1.2rem;padding:1.5rem 0;border-bottom:1px solid rgba(255,255,255,.15)}.benefit-list strong{color:var(--gold-light);font:500 1.2rem "Playfair Display",serif}.benefit-list h3{font-size:1.1rem;margin:0 0 .35rem}.benefit-list p{color:rgba(255,255,255,.62);font-size:.9rem;margin:0}.models{background:#fff}.models-head{display:grid;grid-template-columns:1.2fr .7fr;gap:5rem;align-items:end}.models-head h2{margin:0}.models-head>p{color:var(--muted)}.model-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:1rem;margin-top:4rem}.model-card{min-height:360px;border:1px solid var(--line);position:relative;overflow:hidden}.feature-card img{width:100%;height:100%;object-fit:cover}.feature-card:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 35%,rgba(3,19,48,.92))}.feature-card div{position:absolute;z-index:1;left:1.5rem;right:1.5rem;bottom:1.2rem;color:#fff}.model-card span{color:var(--gold-light);font-size:.72rem;text-transform:uppercase;letter-spacing:.13em}.feature-card h3{font:500 2rem "Playfair Display",serif;margin:.25rem 0}.feature-card p{font-size:.85rem;color:rgba(255,255,255,.75);margin:0}.text-card{padding:2rem;display:flex;flex-direction:column;justify-content:flex-end;background:var(--cream)}.text-card h3{font:500 2.15rem "Playfair Display",serif;margin:.5rem 0}.text-card>p{font-weight:700}.text-card small{color:var(--muted)}.text-card.accent{background:var(--navy);color:#fff}.text-card.accent small{color:rgba(255,255,255,.66)}.models-disclaimer{text-align:right;color:var(--muted);font-size:.75rem;margin-top:1rem}.process{display:grid;grid-template-columns:1fr 1fr;padding-left:0;gap:clamp(3rem,8vw,8rem);align-items:center}.process-visual{height:780px}.process-visual img{width:100%;height:100%;object-fit:cover;object-position:58% center}.process-content{padding-right:clamp(1.25rem,6vw,7rem)}.process-content ol{list-style:none;padding:0;margin:3rem 0 0}.process-content li{display:grid;grid-template-columns:50px 1fr;gap:1rem;padding:1.1rem 0;border-top:1px solid var(--line)}.process-content li>span{color:var(--gold);font:500 1.05rem "Playfair Display",serif}.process-content h3{margin:0 0 .3rem}.process-content li p{color:var(--muted);font-size:.9rem;margin:0}.contact{background:#08224d;color:#fff;display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(3rem,10vw,11rem)}.contact-copy>p:not(.eyebrow){color:rgba(255,255,255,.65)}.contact-trust{margin-top:2rem;color:var(--gold-light);font-size:.88rem}form{background:#fff;color:var(--ink);padding:clamp(1.5rem,4vw,3.25rem)}label{display:block;font-size:.76rem;font-weight:700;margin-bottom:1.25rem}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}input,select,textarea{width:100%;border:0;border-bottom:1px solid #cbd0d8;background:transparent;padding:.7rem 0;font:400 .95rem "DM Sans",sans-serif;color:var(--ink);border-radius:0;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--gold);box-shadow:0 1px var(--gold)}textarea{resize:vertical}.checkbox{display:flex;gap:.7rem;align-items:flex-start;font-weight:400;color:var(--muted)}.checkbox input{width:16px;margin-top:.2rem}.form-button{width:100%;justify-content:space-between;margin-top:.4rem}.form-status{margin:.75rem 0 0;font-size:.85rem;font-weight:600}.preview-note{font-size:.72rem;color:var(--muted);margin:1rem 0 0}footer{padding:2rem clamp(1.25rem,7vw,8rem);background:#041633;color:rgba(255,255,255,.65);display:flex;align-items:center;justify-content:space-between;gap:2rem;font-size:.78rem}.footer-brand img{filter:none;width:135px;background:#fff;padding:.4rem}.footer-brand{background:#fff}footer a{color:#fff}.reveal{opacity:0;transform:translateY(18px);transition:.65s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:1000px){nav{gap:1rem}.promise-grid,.dark-section,.models-head,.contact{grid-template-columns:1fr}.pillars{grid-template-columns:1fr 1fr}.model-grid{grid-template-columns:1fr 1fr}.process{grid-template-columns:1fr;padding-right:0}.process-visual{height:520px}.process-content{padding:0 1.25rem 5rem}.contact{gap:3rem}}
@media(max-width:720px){.site-header{height:74px;position:absolute}.brand img{width:130px}.menu-toggle{display:block;color:#fff;background:transparent;border:1px solid rgba(255,255,255,.5);padding:.55rem .7rem}nav{display:none;position:absolute;top:74px;left:0;right:0;background:#061d46;padding:1.4rem;flex-direction:column;align-items:stretch}nav.open{display:flex}.hero{min-height:760px}.hero-overlay{background:linear-gradient(90deg,rgba(2,14,36,.88),rgba(2,14,36,.35)),linear-gradient(0deg,rgba(2,14,36,.5),transparent)}.hero-content{margin-left:1.25rem;padding-top:2rem}.hero-note{display:none}.hero-actions{align-items:flex-start;flex-direction:column}.pillars,.model-grid,.field-row{grid-template-columns:1fr}.pillars article,.pillars article+article{padding:1.5rem 0;border-right:0;border-bottom:1px solid var(--line)}.model-card{min-height:300px}.process-visual{height:360px}.contact{padding-left:1.25rem;padding-right:1.25rem}form{padding:1.4rem}footer{flex-direction:column;text-align:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}
.hero-category{margin:0 0 1rem;color:var(--gold-light);text-transform:uppercase;letter-spacing:.2em;font-size:.75rem;font-weight:700}
@media(min-width:721px){.hero{align-items:flex-start}.hero-content{margin-top:calc(86px + 2rem);padding-top:0;padding-bottom:2rem;width:min(620px,86vw)}.hero-content h1{font-size:clamp(3rem,5.2vw,5.4rem);margin:.65rem 0 1.1rem}.hero-statement{font-size:clamp(1.45rem,2.3vw,2.35rem);margin:-.15rem 0 .9rem}.hero-copy{font-size:clamp(.95rem,1.25vw,1.12rem);line-height:1.55}.hero-actions{margin-top:1.6rem}}
@media(max-width:720px){.hero-category{margin-bottom:.85rem;font-size:.68rem}}
.direct-contact{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}.direct-contact a{color:#fff;text-decoration:none;width:max-content;max-width:100%;display:flex;align-items:center;gap:.8rem;padding:.2rem 0 .55rem;border-bottom:1px solid rgba(255,255,255,.28);transition:border-color .2s ease,color .2s ease}.direct-contact a:hover,.direct-contact a:focus-visible{color:var(--gold-light);border-color:var(--gold-light)}.contact-icon{width:2.15rem;height:2.15rem;flex:0 0 2.15rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(239,189,99,.58);border-radius:50%;color:var(--gold-light);font-size:1rem;line-height:1;background:rgba(255,255,255,.035);box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)}.contact-icon-whatsapp{font-size:.9rem}.whatsapp-float{position:fixed;right:1.2rem;bottom:1.2rem;z-index:30;background:#17a764;color:#fff;text-decoration:none;padding:.9rem 1.15rem;border-radius:999px;font-size:.82rem;font-weight:700;box-shadow:0 10px 35px rgba(0,0,0,.25)}
.hero-statement{font:500 clamp(1.7rem,3vw,3rem)/1.15 "Playfair Display",serif;color:var(--gold-light);max-width:630px;margin:-.35rem 0 1.25rem}.quality{background:#fff;display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,8vw,8rem);align-items:center}.quality h2{font-size:clamp(2.6rem,4.2vw,4.5rem);letter-spacing:-.035em}.quality-copy>p:not(.section-kicker){color:var(--muted)}.quality-points{display:grid;grid-template-columns:1fr 1fr;gap:0 1.5rem;margin-top:2.5rem}.quality-points article{display:grid;grid-template-columns:38px 1fr;gap:.6rem;padding:1.1rem 0;border-top:1px solid var(--line)}.quality-points span{color:var(--gold);font:500 1rem "Playfair Display",serif}.quality-points h3{font-size:.95rem;margin:0 0 .25rem}.quality-points p{font-size:.8rem;color:var(--muted);margin:0}.quality-visual{min-height:650px}.quality-visual img{width:100%;height:100%;min-height:650px;object-fit:cover;object-position:70% center}.closing-cta{text-align:center;background:linear-gradient(rgba(3,20,49,.86),rgba(3,20,49,.92)),url('assets/vivantara-hero-fibra.webp') center/cover;color:#fff}.closing-cta h2{font-size:clamp(2.8rem,5vw,5.3rem);max-width:950px;margin:1rem auto 1.5rem}.closing-cta>p:not(.eyebrow){max-width:680px;margin:0 auto;color:rgba(255,255,255,.7)}.closing-actions{display:flex;justify-content:center;align-items:center;gap:1.5rem;margin-top:2.5rem;flex-wrap:wrap}.closing-whatsapp{color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.5);padding:.55rem 0}
@media(max-width:1000px){.quality{grid-template-columns:1fr}.quality-visual,.quality-visual img{min-height:450px}}
@media(max-width:720px){.quality-points{grid-template-columns:1fr}.hero-statement{font-size:1.65rem}.whatsapp-float{right:.75rem;bottom:.75rem}}
.site-header>.brand{display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.96);padding:.42rem .78rem;border-radius:3px;box-shadow:0 8px 28px rgba(0,0,0,.16)}.site-header>.brand img{width:154px;height:54px;filter:none;object-fit:contain}.footer-brand{display:flex;align-items:center;justify-content:center;background:#fff;padding:.35rem .55rem;border-radius:2px}.footer-brand img{filter:none;background:transparent;padding:0}
@media(max-width:720px){.site-header>.brand{padding:.3rem .55rem}.site-header>.brand img{width:124px;height:47px}}
.site-header>.brand{background:transparent;padding:0;box-shadow:none}.site-header>.brand img{width:168px;height:66px}.footer-brand{background:transparent;padding:0}.footer-brand img{width:145px;height:74px;object-fit:contain}
@media(max-width:720px){.site-header>.brand{padding:0}.site-header>.brand img{width:132px;height:54px}}
.models-cta{margin-top:2.5rem;padding:1.6rem 1.8rem;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:2rem}.models-cta>div{max-width:680px}.models-cta>div>span{display:block;color:var(--gold-light);font:500 1.45rem "Playfair Display",serif;margin-bottom:.35rem}.models-cta p{margin:0;color:rgba(255,255,255,.68);font-size:.9rem}.models-cta .button{flex:none}
@media(max-width:720px){.models-cta{align-items:stretch;flex-direction:column}.models-cta .button{width:100%}}
.model-gallery{display:grid;grid-template-columns:1.15fr 1fr 1fr;grid-template-rows:340px 340px;gap:1rem;margin-top:4rem}.model-photo{position:relative;overflow:hidden;min-height:0;background:var(--navy)}.model-photo:first-child{grid-row:1/3}.model-photo:nth-child(2){grid-column:2/4}.model-photo img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.model-selection img{object-position:center}.model-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 38%,rgba(2,16,41,.92))}.model-photo:hover img{transform:scale(1.025)}.model-caption{position:absolute;z-index:1;left:1.5rem;right:1.5rem;bottom:1.35rem;color:#fff}.model-caption span{color:var(--gold-light);text-transform:uppercase;letter-spacing:.15em;font-size:.68rem;font-weight:700}.model-caption h3{font:500 2rem "Playfair Display",serif;margin:.2rem 0}.model-caption p{font-weight:700;margin:0}.model-caption small{color:rgba(255,255,255,.7)}.model-selection .model-caption h3{font-size:2.35rem}.model-selection .model-caption p{font-weight:400;color:rgba(255,255,255,.72);font-size:.88rem}
@media(max-width:1000px){.model-gallery{grid-template-columns:1fr 1fr;grid-template-rows:470px 320px 320px}.model-photo:first-child{grid-column:1/3;grid-row:auto}.model-photo:nth-child(2){grid-column:auto}}
@media(max-width:720px){.model-gallery{display:grid;grid-template-columns:1fr;grid-template-rows:none}.model-photo,.model-photo:first-child,.model-photo:nth-child(2){grid-column:auto;grid-row:auto;height:390px}.model-photo:first-child{height:520px}.model-caption h3,.model-selection .model-caption h3{font-size:1.75rem}}
.process-infographic{display:block;padding-left:clamp(1.25rem,7vw,8rem);padding-right:clamp(1.25rem,7vw,8rem)}.process-heading{display:grid;grid-template-columns:1.15fr .7fr;gap:clamp(2rem,8vw,8rem);align-items:end;margin-bottom:3rem}.process-heading h2{font-size:clamp(2.6rem,4.5vw,4.7rem);letter-spacing:-.035em;margin:0}.process-heading>p:last-child{color:var(--muted);margin:0}.process-scroll{overflow-x:auto;scrollbar-color:var(--gold) rgba(6,29,70,.1);scrollbar-width:thin}.process-scroll img{width:100%;height:auto}.scroll-hint{display:none}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(min-width:801px){.process-heading{grid-template-areas:"kicker description" "title description";column-gap:clamp(2rem,8vw,8rem);row-gap:.8rem}.process-heading .section-kicker{grid-area:kicker;margin:0}.process-heading h2{grid-area:title}.process-heading>p:last-child{grid-area:description;align-self:end;padding-bottom:.45rem}}
@media(max-width:800px){.process-heading{grid-template-columns:1fr;margin-bottom:2rem}.process-scroll img{width:920px;max-width:none}.scroll-hint{display:block;color:var(--muted);font-size:.76rem;text-align:right;margin-top:.6rem}}
.quality-infographic{display:block;padding:0;background:#f7f4ee}.quality-scroll{overflow-x:auto;scrollbar-color:var(--gold) rgba(6,29,70,.1);scrollbar-width:thin}.quality-scroll img{display:block;width:100%;height:auto;min-height:0;object-fit:contain}.quality-infographic>.scroll-hint{padding-right:1.25rem}
@media(max-width:800px){.quality-scroll img{width:1020px;max-width:none}}
.pillars{gap:1rem;border-top:0}.pillars article,.pillars article+article{padding:0;border:1px solid var(--line);background:#fff;overflow:hidden}.pillars article:last-child{border:1px solid var(--line)}.pillars article>img{width:100%;height:230px;object-fit:cover}.pillar-copy{padding:1.25rem 1.3rem 1.4rem}.pillar-copy h3{margin:.35rem 0}.pillar-copy p{margin-bottom:0}
@media(max-width:1150px){.pillars{grid-template-columns:1fr 1fr}.pillars article>img{height:280px}}
@media(max-width:720px){.pillars{grid-template-columns:1fr}.pillars article>img{height:260px}}
.form-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.form-button:disabled{cursor:wait;opacity:.72}.form-button.is-loading span{animation:form-pulse .8s ease-in-out infinite alternate}.form-status.is-success{color:#177245}.form-status.is-error{color:#b42318}@keyframes form-pulse{to{transform:translateX(5px)}}
.process-cards,.quality-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.process-cards>li,.quality-cards>li{background:#fff;border:1px solid var(--line);overflow:hidden}.process-card-image{width:100%;height:auto;aspect-ratio:3/4;background-image:url('assets/proceso-vivantara.webp');background-repeat:no-repeat;background-size:400% auto;background-position-y:top}.process-image-1{background-position-x:0}.process-image-2{background-position-x:33.333%}.process-image-3{background-position-x:66.667%}.process-image-4{background-position-x:100%}.process-card-copy,.quality-card-copy{padding:1.35rem 1.4rem 1.55rem}.process-card-copy span,.quality-card-copy span{display:block;color:var(--gold);font:500 1rem "Playfair Display",serif}.process-card-copy h3,.quality-card-copy h3{font:700 1.08rem "DM Sans",sans-serif;margin:.45rem 0}.process-card-copy p,.quality-card-copy p{color:var(--muted);font-size:.86rem;margin:0}.quality-infographic{padding:0 clamp(1.25rem,7vw,8rem) clamp(5rem,9vw,9rem);background:var(--cream)}.quality-intro{min-height:430px;margin:0 0 1rem;background:linear-gradient(90deg,rgba(3,20,43,.96),rgba(3,20,43,.68) 48%,rgba(3,20,43,.12)),url('assets/calidad-fabricacion-vivantara.webp') center top/cover no-repeat;color:#fff;display:flex;align-items:center;padding:clamp(3rem,7vw,7rem) clamp(1.25rem,7vw,8rem)}.quality-intro>div{max-width:650px}.quality-intro .section-kicker{color:var(--gold-light);margin-bottom:1.25rem}.quality-intro h2{font-size:clamp(2.5rem,4.4vw,4.7rem);margin-bottom:1.5rem}.quality-intro p:last-child{color:rgba(255,255,255,.76);margin:0}.quality-card-image{height:220px;background-image:url('assets/calidad-fabricacion-vivantara.webp');background-repeat:no-repeat;background-size:440% auto;background-position-y:57%}.quality-image-1{background-position-x:0}.quality-image-2{background-position-x:33.333%}.quality-image-3{background-position-x:66.667%}.quality-image-4{background-position-x:100%}
@media(max-width:1050px){.process-cards,.quality-cards{grid-template-columns:1fr 1fr}.quality-card-image{height:280px}}
@media(max-width:650px){.process-cards,.quality-cards{grid-template-columns:1fr}.quality-card-image{height:260px}.quality-intro{min-height:520px;background-position:62% top}.process-card-copy,.quality-card-copy{padding:1.35rem}.process-card-copy h3,.quality-card-copy h3{font-size:1.2rem}}
.benefits.dark-section{display:block}.benefits .benefit-intro{max-width:820px}.benefits .benefit-intro h2{max-width:760px}.benefits .benefit-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-top:3.5rem}.benefits .benefit-list article{display:grid;grid-template-columns:42px 1fr;gap:1rem;padding:1.6rem 1.4rem;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.035);min-height:210px;align-content:start}.benefits .benefit-list strong{font-size:1.05rem}.benefits .benefit-list h3{font-size:1.05rem;margin-top:.1rem}.benefits .benefit-list p{font-size:.86rem}nav{gap:clamp(.75rem,1.55vw,2rem)}
@media(max-width:1100px){.benefits .benefit-list{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.benefits .benefit-list{grid-template-columns:1fr;margin-top:2.5rem}.benefits .benefit-list article{min-height:0}}
.quality-restored{display:block;padding:0;background:var(--cream)}.quality-restored .quality-scroll{width:100%;overflow-x:auto}.quality-restored .quality-scroll img{display:block;width:100%;height:auto;min-height:0;object-fit:contain}.quality-restored>.scroll-hint{padding:0 1.25rem 1rem}
@media(max-width:800px){.quality-restored .quality-scroll img{width:1020px;max-width:none}}
.quality-mobile{display:none}
@media(max-width:800px){
  .quality-restored .quality-scroll,.quality-restored>.scroll-hint{display:none}
  .quality-mobile{display:block;padding:0 1.25rem 4rem}
  .quality-mobile-intro{background:var(--navy);color:#fff;padding:2rem 1.35rem 1.35rem}
  .quality-mobile-intro .section-kicker{color:var(--gold-light);margin-bottom:1rem}
  .quality-mobile-intro h2{font-size:clamp(2.1rem,10vw,3.25rem);margin-bottom:1.2rem}
  .quality-mobile-intro>p:last-of-type{color:rgba(255,255,255,.72);margin-bottom:0}
  .quality-mobile-hero{display:block;width:100%;height:auto;aspect-ratio:auto;margin-top:1.5rem;object-fit:contain}
  .quality-mobile-cards{list-style:none;margin:1rem 0 0;padding:0;display:grid;grid-template-columns:1fr;gap:1rem}
  .quality-mobile-cards li{background:#fff;border:1px solid var(--line);overflow:hidden}
  .quality-mobile-image{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
  .quality-mobile-copy{padding:1.35rem}
  .quality-mobile-copy span{display:block;color:var(--gold);font:500 1rem "Playfair Display",serif}
  .quality-mobile-copy h3{font:700 1.2rem "DM Sans",sans-serif;margin:.4rem 0}
  .quality-mobile-copy p{font-size:.9rem;color:var(--muted);margin:0}
}
.contact-socials{margin-top:2rem;padding-top:1.25rem;border-top:1px solid rgba(255,255,255,.16)}.contact-socials>p{margin:0 0 .8rem!important;color:rgba(255,255,255,.58)!important;font-size:.75rem;text-transform:uppercase;letter-spacing:.14em;font-weight:700}.contact-socials>div{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem}.contact-socials a,.footer-socials a{display:inline-flex;align-items:center;gap:.55rem;text-decoration:none}.contact-socials a{color:#fff;font-size:.82rem}.contact-socials svg,.footer-socials svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7}.contact-socials svg path,.footer-socials svg path{fill:currentColor;stroke:none}.contact-socials .social-dot,.footer-socials .social-dot{fill:currentColor;stroke:none}.contact-socials a:hover,.contact-socials a:focus-visible{color:var(--gold-light)}.footer-center{text-align:center}.footer-center>p{margin:0 0 .55rem}.footer-socials{display:flex;justify-content:center;gap:1rem}.footer-socials a{color:rgba(255,255,255,.82);font-size:.72rem}.footer-socials a:hover,.footer-socials a:focus-visible{color:var(--gold-light)}.footer-socials svg{width:19px;height:19px}
@media(max-width:720px){.contact-socials>div{flex-direction:column}.footer-center{display:flex;flex-direction:column;align-items:center}.footer-socials{flex-direction:column;align-items:center;gap:.65rem}}

/* Fotografía real para la etapa Instalación y entrega. */
.process-image-4{background-image:url('assets/proceso-instalacion-entrega.webp');background-size:cover;background-position:center center}

/* Videos opcionales: las imágenes permanecen visibles hasta que cada MP4 esté disponible. */
.hero-poster,.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-poster{z-index:0}.hero-video{z-index:1;opacity:0;transition:opacity .45s ease}.hero-video.is-ready{opacity:1}
.hero-overlay{z-index:2}.hero-content,.hero-note{z-index:3}
.pillar-media{position:relative;height:230px;overflow:hidden;background:var(--cream)}
.pillar-media>img,.pillar-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pillar-video{opacity:0;transition:opacity .35s ease}.pillar-video.is-ready{opacity:1}
.closing-cta{position:relative;isolation:isolate;overflow:hidden;min-height:560px;display:flex;align-items:center;justify-content:center}
.closing-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3;opacity:0;transition:opacity .45s ease}.closing-video.is-ready{opacity:1}
.closing-video-overlay{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(3,19,47,.72),rgba(3,19,47,.9)),radial-gradient(circle at 50% 25%,rgba(5,174,205,.18),transparent 55%)}
.closing-content{position:relative;z-index:1;width:100%;text-align:center}.closing-content>p:not(.eyebrow){max-width:680px;margin:0 auto;color:rgba(255,255,255,.78)}
@media(max-width:1150px){.pillar-media{height:280px}}
@media(max-width:720px){.pillar-media{height:260px}.closing-cta{min-height:620px}}
@media(prefers-reduced-motion:reduce){.hero-video,.pillar-video,.closing-video{display:none}}

/* Fotografías reemplazables: conserva estos nombres para actualizarlas directamente en el hosting. */
.process-image-1{background-image:url('assets/proceso-descubrimiento-envato.webp');background-size:cover;background-position:center top}
.process-image-2{background-image:url('assets/proceso-evaluacion-tecnica-envato.webp');background-size:cover;background-position:center top}
.pillars article>img.investment-image{object-position:center top}

/* Formulario consultivo para calificación de proyectos. */
.qualification-form{position:relative;padding:clamp(1.5rem,3vw,2.6rem)}
.form-heading{padding-bottom:1.4rem;margin-bottom:1.5rem;border-bottom:1px solid var(--line)}
.form-heading>span{display:block;color:var(--gold);font-size:.68rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;margin-bottom:.35rem}
.form-heading h3{font:500 clamp(1.65rem,2.4vw,2.2rem) "Playfair Display",serif;margin:0 0 .5rem}
.form-heading p{color:var(--muted);font-size:.84rem;line-height:1.55;margin:0}
.form-question{font-size:.9rem;margin-bottom:1.65rem}
.question-number{display:inline-flex;align-items:center;justify-content:center;min-width:1.8rem;color:var(--gold);font:600 .8rem "DM Sans",sans-serif;letter-spacing:.06em}
.choice-fieldset{border:0;padding:0 0 1.55rem;margin:0 0 1.55rem;border-bottom:1px solid var(--line);min-width:0}
.choice-fieldset legend{width:100%;padding:0;margin:0 0 .8rem;font-size:.9rem;font-weight:700}
.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}
.choice-option{position:relative;margin:0;cursor:pointer;font-size:.78rem;font-weight:600}
.choice-option input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}
.choice-option span{display:flex;align-items:center;min-height:46px;padding:.72rem .85rem;border:1px solid #d8dce3;background:#fff;color:#34445c;transition:border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease}
.choice-option span:before{content:"";width:10px;height:10px;flex:0 0 10px;margin-right:.6rem;border:1px solid #aab2bf;border-radius:50%;box-shadow:inset 0 0 0 2px #fff}
.choice-option input:checked+span{border-color:var(--gold);background:#fff9ed;color:var(--ink);box-shadow:inset 3px 0 var(--gold)}
.choice-option input:checked+span:before{background:var(--gold);border-color:var(--gold)}
.choice-option input:focus-visible+span{outline:2px solid var(--turq);outline-offset:2px}
.choice-option-wide{grid-column:1/-1}
.investment-fieldset{margin-bottom:1.35rem}
.contact-fields-heading{display:flex;gap:.55rem;align-items:flex-start;margin:0 0 1.25rem}
.contact-fields-heading>div{display:flex;flex-direction:column}
.contact-fields-heading strong{font-size:.95rem}
.contact-fields-heading small{color:var(--muted);font-size:.74rem;font-weight:400;margin-top:.15rem}
.optional-label{color:var(--muted);font-size:.68rem;font-weight:400;margin-left:.25rem}
.qualification-form .checkbox{margin-top:.4rem}
@media(max-width:720px){.qualification-form{padding:1.25rem}.choice-grid{grid-template-columns:1fr}.choice-option-wide{grid-column:auto}.choice-option span{min-height:48px}.contact-fields-heading{margin-top:.15rem}}

/* Respaldo fotográfico extraído del video de cierre. */
.closing-cta{background-image:linear-gradient(rgba(3,20,49,.86),rgba(3,20,49,.92)),url('assets/poster-cierre-agua-envato.webp')}
