:root{--contigo-blue:#2563EB;--contigo-cyan:#06B6D4}
.contigo-monitor{display:grid;place-items:center;min-height:500px;position:relative;isolation:isolate;overflow:hidden}.contigo-monitor:before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(6,182,212,.2),transparent 67%);filter:blur(12px)}.contigo-monitor__art{position:relative;z-index:1;width:min(108%,475px);height:auto;pointer-events:none}.contigo-monitor__screen{position:absolute;z-index:2;left:13.35%;top:53.65%;width:73.3%;height:36.15%;overflow:hidden;border-radius:3.25%;background:#061426;box-shadow:inset 0 0 18px rgba(6,182,212,.14)}.monitor-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#061426;opacity:0;transform:scale(1.015);transition:opacity .55s ease,transform .8s ease}.monitor-slide.is-active{opacity:1;transform:scale(1)}.monitor-nav{position:absolute;z-index:3;top:50%;display:grid;place-items:center;width:20px;height:28px;border:0;border-radius:8px;background:rgba(3,14,30,.52);color:#e9fbff;font:400 25px/1 sans-serif;cursor:pointer;opacity:0;transform:translateY(-50%);transition:opacity .2s,background .2s}.monitor-nav:hover{background:rgba(6,182,212,.62)}.monitor-nav--prev{left:4px}.monitor-nav--next{right:4px}.contigo-monitor:hover .monitor-nav,.contigo-monitor:focus-within .monitor-nav{opacity:1}.monitor-dots{position:absolute;z-index:3;bottom:4px;left:50%;display:flex;gap:4px;transform:translateX(-50%)}.monitor-dots button{width:5px;height:5px;padding:0;border:0;border-radius:50%;background:rgba(213,241,255,.42);cursor:pointer;transition:width .24s,background .24s}.monitor-dots button.is-active{width:13px;border-radius:5px;background:#06b6d4}
.services-shell{display:block}.services-guide{display:none}
.lead-modal{display:none;position:fixed;inset:0;z-index:500;place-items:center;padding:20px;background:rgba(2,7,15,.78);backdrop-filter:blur(10px)}.lead-modal.is-open{display:grid}.lead-dialog{position:relative;width:min(680px,100%);max-height:92vh;overflow:auto;padding:30px;border:1px solid rgba(6,182,212,.48);border-radius:20px;background:var(--panel);box-shadow:0 30px 90px rgba(0,0,0,.55)}.lead-dialog h2{font:800 1.75rem Outfit,sans-serif;margin:6px 0}.lead-dialog p{color:var(--muted);margin:0}.lead-close{position:absolute;right:16px;top:12px;border:0;background:transparent;color:var(--ink);font-size:1.5rem;cursor:pointer}.lead-form{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:22px}.lead-form label{display:grid;gap:6px;font-size:.78rem;font-weight:700;color:var(--muted)}.lead-form .wide{grid-column:span 2}.lead-form input,.lead-form select{border:1px solid var(--line);border-radius:9px;padding:11px;background:var(--bg2);color:var(--ink);font:inherit}.lead-form button{justify-self:start}.lead-message{grid-column:1/-1;min-height:20px;color:#55e5eb;font-size:.83rem}
.results-spotlight{position:relative;overflow:hidden;border-color:rgba(6,182,212,.5)!important;box-shadow:0 0 0 1px rgba(37,99,235,.15),0 16px 48px rgba(6,182,212,.13)}.results-spotlight:after{content:"";position:absolute;z-index:0;top:-35%;left:-42%;width:30%;height:170%;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(6,182,212,.11),transparent);transform:skewX(-20deg) translateX(-120%);animation:resultSweep 6.8s ease-in-out infinite}.results-spotlight>*{position:relative;z-index:1}@keyframes resultSweep{0%,10%{transform:skewX(-20deg) translateX(-120%)}72%,100%{transform:skewX(-20deg) translateX(540%)}}
.value:nth-child(1){box-shadow:0 10px 35px rgba(37,99,235,.18)}.value:nth-child(2){box-shadow:0 10px 35px rgba(6,182,212,.18)}.value:nth-child(3){box-shadow:0 10px 35px rgba(91,210,126,.16)}.value:nth-child(4){box-shadow:0 10px 35px rgba(255,190,65,.15)}
@media(max-width:820px){body{overflow-x:hidden}.contigo-monitor{min-height:500px;width:100%}.contigo-monitor__art{width:min(92vw,475px)}}
@media(max-width:780px){.services-shell{grid-template-columns:1fr}.services-guide{display:none}.lead-form{grid-template-columns:1fr}.lead-form .wide{grid-column:auto}}
@media(max-width:530px){.contigo-monitor{min-height:425px}.contigo-monitor__art{width:min(100%,405px)}.monitor-nav{display:none}.lead-dialog{padding:24px 18px}.lead-form button{width:100%}}
.contigo-monitor{width:min(108%,475px);margin-inline:auto}.contigo-monitor__art{width:100%}@media(max-width:820px){.contigo-monitor{width:min(92vw,475px)}.contigo-monitor__art{width:100%}}@media(max-width:530px){.contigo-monitor{width:min(100%,405px)}.contigo-monitor__art{width:100%}}
.contigo-monitor__screen{left:13.55%;top:53.8%;width:72.9%;height:35.85%;border-radius:4.1%;background:#050f20;box-shadow:inset 0 0 0 1px rgba(91,203,244,.16),inset 0 0 20px rgba(0,6,22,.56),0 1px 5px rgba(0,0,0,.38)}.monitor-slide{filter:brightness(.93) saturate(.92) contrast(1.03);transform-origin:center}.monitor-slide.is-active{z-index:1}.contigo-monitor__screen:before,.contigo-monitor__screen:after{content:"";position:absolute;z-index:4;inset:0;pointer-events:none}.contigo-monitor__screen:before{background:linear-gradient(118deg,rgba(214,252,255,.105),transparent 18%,transparent 68%,rgba(7,79,130,.12));mix-blend-mode:screen}.contigo-monitor__screen:after{border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(117,228,255,.13),inset 0 0 18px rgba(0,2,14,.52),inset 0 -9px 14px rgba(0,3,14,.26)}.monitor-nav,.monitor-dots{z-index:6}.monitor-dots{bottom:5px}
.contigo-monitor__screen .monitor-slide{inset:-1px;width:calc(100% + 2px);height:calc(100% + 2px);object-fit:cover;background:transparent}
.contigo-monitor__screen{left:10.7%;top:48%;width:78.6%;height:41.1%;border-radius:2.6%;background:#061426}.contigo-monitor__screen .monitor-slide{inset:0;width:100%;height:100%;object-fit:contain;background:#061426;filter:brightness(.97) saturate(.96) contrast(1.02)}
.contigo-monitor__screen{left:8.9%;top:47.1%;width:82.2%;height:42.9%;border-radius:2.8%;box-shadow:inset 0 0 0 1px rgba(91,203,244,.15),inset 0 0 14px rgba(0,3,14,.42)}.contigo-monitor__screen .monitor-slide{object-fit:cover;object-position:center;background:#061426}.contigo-monitor__hands{position:absolute;z-index:7;inset:0;pointer-events:none}.monitor-hands-layer{position:absolute;top:40%;width:90%;height:auto;pointer-events:none}.monitor-hands-layer--left{left:0;clip-path:inset(0 50% 0 0)}.monitor-hands-layer--right{right:0;clip-path:inset(0 0 0 50%)}

/* Hero responsive: la mascota acompaña el dispositivo, sin invadir su pantalla. */
.contigo-device-hero{position:relative;width:min(100%,660px);min-height:425px;margin-inline:auto}.desktop-device-visual{position:relative;min-height:425px}.device-mascot{position:absolute;z-index:2;width:40%;height:auto;object-fit:contain;pointer-events:none;filter:drop-shadow(0 20px 22px rgba(0,0,0,.28))}.desktop-device-visual .device-mascot{left:-2%;bottom:2%;max-height:395px}.desktop-monitor{position:absolute;z-index:1;right:0;top:7%;width:68%;aspect-ratio:1.48;border:3px solid #172b48;border-radius:22px;background:linear-gradient(145deg,#0c1c33,#050c18);box-shadow:0 24px 38px rgba(0,0,0,.35),0 0 0 1px rgba(6,182,212,.34),inset 0 1px rgba(255,255,255,.16)}.desktop-monitor:before{position:absolute;right:11%;bottom:-12px;left:11%;height:12px;border-radius:0 0 12px 12px;background:linear-gradient(180deg,#183d5e,#081325);box-shadow:0 12px 14px rgba(0,0,0,.32);content:""}.desktop-monitor:after{position:absolute;right:36%;bottom:-43px;left:36%;height:32px;border-radius:0 0 10px 10px;background:linear-gradient(100deg,#152842,#0b1628 46%,#183249);box-shadow:0 13px 16px rgba(0,0,0,.32);content:""}.device-screen{position:absolute;inset:3.5%;overflow:hidden;background:#030b18}.desktop-monitor .device-screen{border-radius:13px}.device-screen .monitor-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.015);transition:opacity .55s ease,transform .8s ease}.device-screen .monitor-slide.is-active{z-index:1;opacity:1;transform:scale(1)}.device-screen:after{position:absolute;z-index:3;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(99,222,255,.18),inset 0 0 16px rgba(0,0,0,.38);content:"";pointer-events:none}.device-controls{position:absolute;z-index:5;right:0;bottom:10px;left:0;display:flex;align-items:center;justify-content:center;gap:5px}.device-controls button{width:6px;height:6px;padding:0;border:0;border-radius:50%;background:rgba(213,241,255,.38);cursor:pointer}.device-controls button.is-active{width:16px;border-radius:8px;background:#06b6d4}.device-arrow{position:absolute;z-index:6;top:50%;display:grid;place-items:center;width:29px;height:36px;border:0;border-radius:10px;background:rgba(3,12,27,.6);color:#fff;font:400 30px/1 Arial;cursor:pointer;opacity:0;transform:translateY(-50%);transition:opacity .2s,background .2s}.device-screen:hover .device-arrow,.device-screen:focus-within .device-arrow{opacity:1}.device-arrow:hover{background:rgba(6,182,212,.7)}.device-arrow--prev{left:7px}.device-arrow--next{right:7px}.mobile-device-visual{display:none}.mobile-phone{position:relative;flex:0 0 50%;aspect-ratio:9/18.7;padding:8px;border:2px solid #718094;border-radius:34px;background:linear-gradient(135deg,#1e2b3a,#050a10 32%,#617082);box-shadow:0 16px 34px rgba(0,0,0,.42),inset 0 0 0 2px #0d1520}.mobile-phone:before{position:absolute;z-index:8;top:10px;left:50%;width:42%;height:16px;border-radius:0 0 12px 12px;background:#02060b;content:"";transform:translateX(-50%)}.mobile-phone:after{position:absolute;z-index:8;bottom:7px;left:50%;width:28%;height:3px;border-radius:4px;background:rgba(236,245,255,.64);content:"";transform:translateX(-50%)}.mobile-phone .device-screen{inset:8px;border-radius:26px}.mobile-phone .device-screen .monitor-slide{object-fit:contain;background:#030b18}.mobile-phone .device-controls{bottom:22px}.mobile-phone .device-arrow{width:26px;height:34px;opacity:1}.mobile-phone .device-arrow--prev{left:4px}.mobile-phone .device-arrow--next{right:4px}
@media(max-width:820px){.contigo-device-hero{width:min(100%,440px);min-height:390px}.desktop-device-visual{display:none}.mobile-device-visual{display:flex;align-items:center;justify-content:center;gap:4px;min-height:390px}.mobile-device-visual .device-mascot{position:relative;flex:0 1 45%;width:45%;max-height:365px;object-fit:contain}}
@media(max-width:530px){.contigo-device-hero{width:min(100%,390px);min-height:355px}.mobile-device-visual{min-height:355px}.mobile-device-visual .device-mascot{flex-basis:44%;width:44%;max-height:325px}.mobile-phone{flex-basis:52%;border-radius:29px}.mobile-phone .device-screen{border-radius:22px}.mobile-phone:before{top:8px;height:13px}.mobile-phone .device-controls{bottom:18px}.mobile-phone .device-arrow{font-size:23px}.desktop-device-visual{display:none}}

/* Refinamiento final: proyección integrada y láminas verticales reales en móvil. */
@media(min-width:821px){.contigo-device-hero{width:min(122%,680px);min-height:455px;margin-left:-8%}.desktop-device-visual{min-height:455px}.desktop-device-visual .device-mascot{left:-1%;bottom:0;width:36%;max-height:420px}.desktop-monitor{top:2%;right:-3%;width:76%;aspect-ratio:1.72;border-width:4px;border-radius:24px}.desktop-monitor .device-screen{inset:2.5%;border-radius:16px}.desktop-monitor .device-screen .monitor-slide{object-fit:cover;filter:brightness(.96) saturate(.96) contrast(1.03)}.desktop-monitor .device-screen:before{position:absolute;z-index:2;inset:0;background:linear-gradient(116deg,rgba(203,247,255,.12),transparent 17%,transparent 70%,rgba(3,112,182,.13));content:"";pointer-events:none}.desktop-monitor .device-screen:after{box-shadow:inset 0 0 0 1px rgba(95,220,255,.25),inset 0 0 24px rgba(0,4,20,.6),inset 0 -15px 19px rgba(0,4,20,.34)}}
.mobile-phone{padding:0;border:0;border-radius:34px;background:transparent;box-shadow:none;aspect-ratio:341/768;overflow:hidden}.mobile-phone:before,.mobile-phone:after{display:none}.mobile-phone .device-screen{inset:0;border-radius:34px;background:#030b18}.mobile-phone .device-screen .monitor-slide{object-fit:cover;background:#030b18;filter:brightness(.97) contrast(1.02)}.mobile-phone .device-screen:after{box-shadow:inset 0 0 0 1px rgba(128,199,255,.18),inset 0 0 18px rgba(0,0,0,.28)}

/* Ajuste de encuadre: una sola carcasa por dispositivo y contenido a sangre. */
@media(min-width:821px){.desktop-monitor .device-screen{inset:0;border-radius:20px}.desktop-monitor .device-screen:after{box-shadow:inset 0 0 0 1px rgba(95,220,255,.22),inset 0 0 15px rgba(0,4,20,.42)}}
@media(max-width:820px){.mobile-phone{box-sizing:border-box;padding:7px;border:2px solid #718094;border-radius:35px;background:linear-gradient(135deg,#2b3746,#050a10 35%,#738296);box-shadow:0 16px 34px rgba(0,0,0,.42),inset 0 0 0 2px #0d1520;overflow:hidden}.mobile-phone:before{position:absolute;z-index:8;top:9px;left:50%;display:block;width:42%;height:15px;border-radius:0 0 12px 12px;background:#02060b;content:"";transform:translateX(-50%)}.mobile-phone:after{position:absolute;z-index:8;bottom:8px;left:50%;display:block;width:28%;height:3px;border-radius:4px;background:rgba(236,245,255,.64);content:"";transform:translateX(-50%)}.mobile-phone .device-screen{inset:7px;border:1px solid rgba(128,199,255,.13);border-radius:27px;background:#030b18}.mobile-phone .device-screen .monitor-slide{object-fit:cover;object-position:center;transform:scale(1);filter:brightness(.97) contrast(1.02)}.mobile-phone .device-screen .monitor-slide.is-active{transform:scale(1)}.mobile-phone .device-screen:after{box-shadow:inset 0 0 0 1px rgba(128,199,255,.13),inset 0 0 16px rgba(0,0,0,.3)}}
.lead-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.cookie-banner{position:fixed;z-index:1000;right:20px;bottom:20px;left:20px;display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:980px;margin:auto;padding:18px 20px;border:1px solid rgba(92,210,255,.38);border-radius:16px;background:rgba(6,15,29,.97);box-shadow:0 18px 50px rgba(0,0,0,.42);color:#f8fbff}.cookie-banner strong{font:800 1rem Outfit,sans-serif}.cookie-banner p{max-width:620px;margin:6px 0 0;color:#c4d2e3;font-size:.86rem;line-height:1.45}.cookie-banner p a{color:#62dff0;text-decoration:underline}.cookie-actions{display:flex;flex:0 0 auto;gap:9px}.cookie-actions button{padding:10px 13px;border-radius:9px;font:700 .82rem Outfit,sans-serif;cursor:pointer}.cookie-actions .secondary{border:1px solid rgba(148,185,224,.45);background:transparent;color:#eef7ff}.cookie-actions .cta{border:0;background:linear-gradient(110deg,#ff9438,#ffd84e);color:#07101e}@media(max-width:620px){.cookie-banner{right:12px;bottom:12px;left:12px;display:block;padding:17px}.cookie-actions{margin-top:14px}.cookie-actions button{flex:1}}
.lead-privacy{grid-column:1/-1;margin:4px 0 0;color:var(--muted);font-size:.8rem;line-height:1.5}.lead-privacy a{color:#55e5eb;text-decoration:underline}.lead-check{grid-column:1/-1!important;display:flex!important;align-items:flex-start;gap:9px!important;font-size:.8rem!important;font-weight:500!important;line-height:1.45}.lead-check input{width:17px;height:17px;flex:0 0 auto;margin:2px 0 0;padding:0!important;accent-color:#06b6d4}

/* Mobile usability and light-theme contrast. */
@media(max-width:820px){.lead-modal{align-items:start;padding:12px}.lead-dialog{width:100%;max-height:calc(100dvh - 24px);padding:20px 16px;overscroll-behavior:contain}.lead-form{gap:10px;margin-top:16px}.lead-form input:not([type="checkbox"]),.lead-form select{min-height:40px;padding:8px 10px;font-size:16px!important;line-height:1.2;-webkit-text-size-adjust:100%}}
body.light{--yellow:#c85700}body.light .eyebrow:before,body.light .section-heading .eyebrow:after{background:linear-gradient(90deg,#c85700,#ff873f)}

/* Keep every form control inside the dialog at narrow viewport widths. */
.lead-form,.lead-form label{min-width:0}.lead-form input:not([type="checkbox"]),.lead-form select{display:block;width:100%;max-width:100%;min-width:0}.lead-check input{width:17px;min-width:17px;max-width:17px}.lead-dialog{overflow-x:hidden}