@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap'); .dvx{--ink:#123b3d;--deep:#074f52;--teal:#087577;--mint:#dcefeb;--sand:#f6f0e5;--gold:#d7b66e;--paper:#fffdf8;--line:rgba(7,79,82,.15);--muted:#617574;position:relative;width:100%;overflow:hidden;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;line-height:1.55} .dvx,.dvx *{box-sizing:border-box} .dvx img{display:block;max-width:100%} .dvx a{color:inherit} .dvx button,.dvx input{font:inherit} .dvx-wrap{width:min(1180px,calc(100% - 36px));margin-inline:auto} .dvx-display{margin:0;font-family:"Cormorant Garamond",Georgia,serif;font-weight:600;letter-spacing:-.035em;line-height:.96} .dvx-kicker{display:inline-flex;align-items:center;gap:10px;margin:0 0 16px;color:var(--teal);font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase} .dvx-kicker:before{width:34px;height:1px;background:var(--gold);content:""} .dvx-btn{display:inline-flex;min-height:52px;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:999px;padding:14px 22px;cursor:pointer;font-size:14px;font-weight:800;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background .2s ease} .dvx-btn:hover{transform:translateY(-2px)} .dvx .dvx-btn--solid{background:var(--teal);box-shadow:0 12px 30px rgba(8,117,119,.2);color:#fff} .dvx-btn--solid:hover{background:var(--deep);box-shadow:0 16px 35px rgba(7,79,82,.28)} .dvx .dvx-btn--ghost{border-color:rgba(255,255,255,.52);background:rgba(255,255,255,.09);color:#fff} .dvx .dvx-btn--paper{border-color:var(--line);background:#fff;color:var(--deep)} .dvx-top{position:relative;z-index:40;background:var(--deep);color:#fff} .dvx-top__row{display:flex;min-height:37px;align-items:center;justify-content:center;gap:10px 28px;flex-wrap:wrap;padding:7px 0;font-size:11px;font-weight:700;letter-spacing:.02em;text-align:center} .dvx-header{position:sticky;z-index:45;top:0;border-bottom:1px solid var(--line);background:rgba(255,253,248,.94);box-shadow:0 8px 25px rgba(7,79,82,.06);backdrop-filter:blur(16px)} .dvx-nav{display:flex;min-height:72px;align-items:center;justify-content:space-between;gap:20px} .dvx-logo{display:inline-flex;align-items:center;text-decoration:none} .dvx-logo img{width:142px;max-height:58px;object-fit:contain} .dvx-nav__links{display:flex;align-items:center;gap:24px} .dvx-nav__links>a:not(.dvx-btn){font-size:13px;font-weight:750;text-decoration:none} .dvx-hero{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(120deg,var(--deep),#07676a);color:#fff} .dvx-hero:before{position:absolute;top:-340px;right:-180px;width:760px;height:760px;border:1px solid rgba(255,255,255,.11);border-radius:50%;box-shadow:0 0 0 105px rgba(255,255,255,.026),0 0 0 210px rgba(255,255,255,.018);content:""} .dvx-hero__grid{display:grid;min-height:690px;align-items:center;gap:58px;grid-template-columns:1.02fr .98fr;padding:70px 0 82px} .dvx-hero__copy{position:relative;z-index:3;min-width:0} .dvx-hero .dvx-kicker{color:#dcefeb} .dvx-hero__title{max-width:700px;font-size:clamp(51px,6.7vw,87px)} .dvx-hero__lead{max-width:650px;margin:23px 0 0;color:rgba(255,255,255,.8);font-size:clamp(16px,1.7vw,20px)} .dvx-postal{max-width:610px;margin-top:31px;border:1px solid rgba(255,255,255,.18);border-radius:25px;padding:20px;background:rgba(255,255,255,.1);box-shadow:0 24px 55px rgba(0,32,34,.18);backdrop-filter:blur(10px)} .dvx-postal__label{display:block;margin-bottom:11px;font-size:14px;font-weight:800} .dvx-postal__row{display:grid;gap:10px;grid-template-columns:1fr auto} .dvx-postal input{width:100%;min-height:56px;border:1px solid transparent;border-radius:16px;padding:0 18px;outline:0;background:#fff;color:var(--ink);font-size:18px;font-weight:750} .dvx-postal input:focus{border-color:var(--gold);box-shadow:0 0 0 4px rgba(215,182,110,.19)} .dvx-postal__help{margin:10px 0 0;color:rgba(255,255,255,.72);font-size:11px} .dvx-postal__error{display:none;margin:9px 0 0;color:#fff0c7;font-size:12px;font-weight:700} .dvx-postal.is-error .dvx-postal__error{display:block} .dvx-proof{display:flex;gap:12px 20px;flex-wrap:wrap;margin-top:24px;color:rgba(255,255,255,.78);font-size:11px;font-weight:700} .dvx-proof span{display:inline-flex;align-items:center;gap:7px} .dvx-proof i{display:grid;width:20px;height:20px;place-items:center;border-radius:50%;background:rgba(255,255,255,.12);font-style:normal} .dvx-stage{position:relative;min-height:570px} .dvx-stage__main,.dvx-stage__small{position:absolute;overflow:hidden;border:8px solid rgba(255,255,255,.94);background:#fff;box-shadow:0 35px 70px rgba(0,32,34,.28)} .dvx-stage__main{top:10px;right:0;width:79%;height:75%;border-radius:48% 48% 26px 26px} .dvx-stage__small{bottom:20px;left:0;width:48%;height:43%;border-radius:28px;transform:rotate(-3deg)} .dvx-stage img{width:100%;height:100%;object-fit:contain;background:#fff} .dvx-stage__note{position:absolute;right:2%;bottom:8%;z-index:3;max-width:195px;border-radius:22px;padding:18px;background:var(--gold);box-shadow:0 18px 38px rgba(0,20,20,.2);color:var(--ink);font-family:"Cormorant Garamond",Georgia,serif;font-size:25px;font-weight:700;line-height:.95;transform:rotate(3deg)} .dvx-stage__note small{display:block;margin-top:7px;font-family:Manrope,Arial,sans-serif;font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase} .dvx-trust{position:relative;z-index:5;margin-top:-34px} .dvx-trust__grid{display:grid;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:var(--line);box-shadow:0 20px 48px rgba(7,79,82,.12);grid-template-columns:repeat(4,1fr)} .dvx-trust__item{display:flex;min-height:118px;align-items:center;gap:13px;padding:20px;background:#fff} .dvx-trust__icon{display:grid;width:43px;height:43px;flex:0 0 43px;place-items:center;border-radius:50%;background:var(--mint);color:var(--teal);font-size:18px} .dvx-trust strong,.dvx-trust small{display:block} .dvx-trust strong{margin-bottom:4px;color:var(--deep);font-size:13px} .dvx-trust small{color:var(--muted);font-size:11px;line-height:1.4} .dvx-section{padding:104px 0} .dvx-section--sand{background:var(--sand)} .dvx-head{display:grid;align-items:end;gap:36px;grid-template-columns:1.2fr .8fr;margin-bottom:48px} .dvx-head h2{max-width:760px;color:var(--deep);font-size:clamp(45px,5.6vw,72px)} .dvx-head p{max-width:520px;margin:0;color:var(--muted);font-size:15px} .dvx-steps{display:grid;gap:20px;grid-template-columns:repeat(3,1fr)} .dvx-step{position:relative;overflow:hidden;min-height:245px;border:1px solid var(--line);border-radius:26px;padding:30px;background:#fff} .dvx-step__n{display:grid;width:44px;height:44px;place-items:center;border-radius:50%;background:var(--deep);color:#fff;font-family:"Cormorant Garamond",Georgia,serif;font-size:25px;font-weight:700} .dvx-step h3{margin:42px 0 10px;color:var(--deep);font-family:"Cormorant Garamond",Georgia,serif;font-size:29px;line-height:1} .dvx-step p{margin:0;color:var(--muted);font-size:13px} .dvx-step:after{position:absolute;right:-24px;bottom:-65px;color:rgba(7,79,82,.045);font-family:"Cormorant Garamond",Georgia,serif;font-size:190px;font-weight:700;line-height:1;content:attr(data-number)} .dvx-editorial{display:grid;align-items:center;gap:70px;grid-template-columns:1fr 1fr} .dvx-editorial__visual{position:relative;min-height:610px} .dvx-editorial__visual img{position:absolute;width:68%;height:67%;border-radius:28px;object-fit:contain;background:#fff;box-shadow:0 24px 64px rgba(7,79,82,.13)} .dvx-editorial__visual img:first-child{top:0;left:0} .dvx-editorial__visual img:last-child{right:0;bottom:0;width:55%;height:49%;border:10px solid var(--paper)} .dvx-editorial__copy h2{color:var(--deep);font-size:clamp(48px,5.6vw,72px)} .dvx-editorial__copy>p{margin:22px 0 0;color:var(--muted);font-size:16px} .dvx-list{display:grid;gap:13px;margin:28px 0 0;padding:0;list-style:none} .dvx-list li{display:flex;gap:11px;align-items:flex-start;color:var(--ink);font-size:13px;font-weight:700} .dvx-list li:before{display:grid;width:22px;height:22px;flex:0 0 22px;place-items:center;border-radius:50%;background:var(--mint);color:var(--teal);content:"✓";font-size:12px} .dvx-pay{display:grid;gap:22px;grid-template-columns:1.05fr .95fr} .dvx-pay__card{border:1px solid var(--line);border-radius:28px;padding:34px;background:#fff} .dvx-pay__card--dark{background:var(--deep);color:#fff} .dvx-pay__card h3{margin:0 0 12px;font-family:"Cormorant Garamond",Georgia,serif;font-size:36px;line-height:1} .dvx-pay__card p{margin:0;color:var(--muted);font-size:13px} .dvx-pay__card--dark p{color:rgba(255,255,255,.72)} .dvx-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px} .dvx-chip{border:1px solid var(--line);border-radius:999px;padding:8px 11px;background:var(--sand);color:var(--deep);font-size:10px;font-weight:800} .dvx-pay__card--dark .dvx-chip{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.1);color:#fff} .dvx-quote{padding:84px 0;background:linear-gradient(115deg,var(--deep),#087577);color:#fff;text-align:center} .dvx-quote h2{max-width:880px;margin-inline:auto;font-size:clamp(44px,6vw,75px)} .dvx-quote p{max-width:680px;margin:20px auto 28px;color:rgba(255,255,255,.76)} .dvx-footer{padding:55px 0 26px;background:#033f42;color:rgba(255,255,255,.7)} .dvx-footer__grid{display:grid;gap:40px;grid-template-columns:1.3fr .7fr .7fr} .dvx-footer img{width:180px;max-height:74px;object-fit:contain;filter:brightness(0) invert(1)} .dvx-footer p,.dvx-footer a{font-size:11px} .dvx-footer a{text-decoration:none} .dvx-footer h3{margin:0 0 13px;color:#fff;font-size:11px;letter-spacing:.12em;text-transform:uppercase} .dvx-footer__links{display:grid;gap:8px} .dvx-footer__bottom{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:38px;padding-top:20px;border-top:1px solid rgba(255,255,255,.13);font-size:10px} .dvx-wa{position:fixed;z-index:70;right:18px;bottom:18px;display:flex;align-items:center;gap:9px;text-decoration:none} .dvx-wa__label{border-radius:999px;padding:10px 13px;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.14);color:var(--deep);font-size:11px;font-weight:800} .dvx-wa__dot{display:grid;width:57px;height:57px;place-items:center;border:4px solid #fff;border-radius:50%;background:#25d366;box-shadow:0 13px 35px rgba(0,0,0,.22);color:#fff;font-size:25px} .dvx-reveal{transform:none;opacity:1} .dvx.js-ready .dvx-reveal{transform:translateY(24px);opacity:0;transition:opacity .75s ease,transform .75s ease} .dvx.js-ready .dvx-reveal.is-visible{transform:none;opacity:1} @media (max-width:980px){ .dvx-nav__links>a:not(.dvx-btn){display:none} .dvx-hero__grid,.dvx-editorial{grid-template-columns:1fr} .dvx-hero__grid{gap:28px;padding:58px 0 70px} .dvx-stage{min-height:480px} .dvx-stage__main{width:75%} .dvx-trust__grid{grid-template-columns:repeat(2,1fr)} .dvx-head{grid-template-columns:1fr} .dvx-steps{grid-template-columns:1fr} .dvx-step{min-height:200px} .dvx-editorial__visual{min-height:520px} .dvx-pay{grid-template-columns:1fr} .dvx-footer__grid{grid-template-columns:1fr 1fr} } @media (max-width:640px){ .dvx-wrap{width:min(100% - 24px,1180px)} .dvx-top__row{gap:5px 14px;font-size:9px} .dvx-top__row span:nth-child(2){display:none} .dvx-nav{min-height:64px} .dvx-logo img{width:118px} .dvx-nav .dvx-btn{min-height:42px;padding:10px 14px;font-size:11px} .dvx-hero__title{font-size:clamp(48px,15vw,68px)} .dvx-postal{padding:15px} .dvx-postal__row{grid-template-columns:1fr} .dvx-postal .dvx-btn{width:100%} .dvx-stage{min-height:390px} .dvx-stage__main{width:84%;height:72%;border-width:6px} .dvx-stage__small{width:48%;height:42%;border-width:6px} .dvx-stage__note{right:1%;bottom:4%;max-width:145px;font-size:19px} .dvx-trust{margin-top:-20px} .dvx-trust__grid{grid-template-columns:1fr} .dvx-trust__item{min-height:86px;padding:15px} .dvx-section{padding:76px 0} .dvx-head{margin-bottom:34px} .dvx-editorial{gap:42px} .dvx-editorial__visual{min-height:390px} .dvx-editorial__visual img{width:75%;height:70%} .dvx-pay__card{padding:25px} .dvx-footer__grid{grid-template-columns:1fr} .dvx-wa__label{display:none} } @media (prefers-reduced-motion:reduce){.dvx *{scroll-behavior:auto!important;transition:none!important;animation:none!important}.dvx.js-ready .dvx-reveal{transform:none;opacity:1}} /* CTA principal del código postal: contraste y jerarquía */ .dvx .dvx-postal [data-dvx-submit]{ border:2px solid #fff1c6; background:linear-gradient(135deg,#f7dda0 0%,var(--gold) 58%,#c9993e 100%); box-shadow:0 14px 34px rgba(0,31,32,.34),inset 0 1px 0 rgba(255,255,255,.72); color:#063f40; text-shadow:none; } .dvx .dvx-postal [data-dvx-submit]:hover{ background:linear-gradient(135deg,#ffe8ad 0%,#dfbd70 56%,#d3a34a 100%); box-shadow:0 18px 40px rgba(0,31,32,.42),inset 0 1px 0 rgba(255,255,255,.8); color:#052f31; transform:translateY(-3px); } .dvx .dvx-postal [data-dvx-submit]:focus-visible{ outline:3px solid #fff; outline-offset:3px; } .dvx .dvx-postal [data-dvx-submit] span{ display:inline-flex; width:28px; height:28px; align-items:center; justify-content:center; border-radius:50%; background:rgba(6,63,64,.13); font-size:18px; transition:transform .2s ease,background .2s ease; } .dvx .dvx-postal [data-dvx-submit]:hover span{ background:rgba(6,63,64,.2); transform:translateX(3px); }