*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:#132e45;background:#fff;font:16px/1.65 'Segoe UI',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #f0bd57;outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.12;letter-spacing:-.035em}h2{font-size:clamp(32px,3.7vw,49px);font-weight:750}h3{font-size:22px}p{color:#596b7b}.header{min-height:97px;padding:20px max(4vw,24px);display:flex;align-items:center;gap:28px;background:white;position:relative;z-index:5;border-bottom:1px solid #e5e9ec}.identity{display:flex;align-items:center;gap:10px;flex-shrink:0}.logo-mark{background:#008b94;color:white;width:43px;height:43px;display:grid;place-items:center;font-size:29px;border-radius:11px}.wordmark{font-size:23px;font-weight:780;line-height:1.1;letter-spacing:-1px}.wordmark b,.footer-brand b{color:#008c97}.wordmark small{display:block;font-size:8px;letter-spacing:1.7px;margin-top:8px;color:#596b7b}.company{padding-left:23px;border-left:1px solid #dce3e8;font-size:10px;color:#697785;line-height:1.7;white-space:nowrap}.company strong{display:block;font-size:11px;color:#173650}.header nav{margin-left:auto;display:flex;gap:22px;font-size:13px;font-weight:600}.header nav a:hover{color:#008c97}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;background:#008c96;color:#fff;padding:15px 24px;border-radius:7px;font-size:14px;font-weight:700;line-height:1.5;transition:background .2s,transform .2s;white-space:nowrap}.button:hover{background:#006e77;transform:translateY(-2px)}.button.small{padding:12px 21px}.button span{font-size:20px}.hero{min-height:595px;position:relative;display:flex;align-items:center;overflow:hidden}.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 47%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,31,51,.96) 0%,rgba(12,36,56,.87) 25%,rgba(12,36,56,.5) 48%,rgba(12,36,56,0) 80%)}.hero-content{position:relative;color:white;padding:70px 0 62px;margin-left:max(7vw,28px);max-width:620px}.eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:750;color:#008791;margin-bottom:20px}.eyebrow.light{color:#f1c66a}.eyebrow span{display:inline-block;width:7px;height:7px;background:#f1c66a;border-radius:50%;margin-right:6px}.hero h1{font-size:clamp(43px,4.7vw,65px);font-weight:750;letter-spacing:-2px;line-height:1.08}.hero h1 em{font-style:normal;color:#8de1da}.hero p{font-size:18px;max-width:480px;color:#e1e7eb;margin-top:24px;line-height:1.7}.hero-actions{display:flex;gap:26px;align-items:center;margin-top:31px}.hero-link{font-size:13px;color:#fff}.play-small{display:inline-grid;place-items:center;width:25px;height:25px;border:1px solid #8da2b0;border-radius:50%;margin-right:8px}.hero-note{margin-top:34px;font-size:10px;letter-spacing:.3px;color:#c3cfd7}.photo-note{position:absolute;bottom:16px;right:22px;font-size:10px;color:white;background:#122e4570;padding:3px 10px;border-radius:3px}.trust-strip{padding:23px 7vw;display:flex;justify-content:space-between;gap:20px;background:#f6f9f9;border-bottom:1px solid #e5eded;font-size:12px;font-weight:600;color:#405b6b}.trust-strip>span:first-child{font-weight:750;color:#173650}.trust-strip i{font-style:normal;color:#008c97;margin-right:9px}.section{max-width:1240px;padding:85px 40px;margin:auto}.section-intro{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:46px}.section-intro>p{max-width:365px;font-size:15px}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.benefit-grid article{border-top:1px solid #dbe5e8;padding:26px 10px 10px 0}.benefit-icon{width:49px;height:49px;background:#eaf6f5;color:#008c97;border-radius:13px;display:grid;place-items:center;font-size:26px;margin-bottom:24px}.benefit-grid h3{font-size:21px;margin-bottom:15px}.benefit-grid p{font-size:14px;max-width:305px}.benefit-grid article>span{display:block;font-size:11px;color:#008791;margin-top:23px;font-weight:600}.tour-section{background:#f1f6f7}.tour-layout{display:grid;grid-template-columns:.9fr 1.2fr;gap:65px;align-items:center;padding-bottom:46px}.tour-copy>p{margin-top:23px;font-size:15px}.tour-tabs{display:grid;gap:9px;margin-top:29px}.tour-tabs button{display:flex;align-items:center;text-align:left;gap:17px;padding:17px;background:transparent;border:1px solid transparent;border-radius:8px;color:#244156;cursor:pointer}.tour-tabs button[aria-selected=true]{background:#fff;border-color:#c9e0e1;box-shadow:0 5px 20px #163a4910}.tour-tabs button>span{font-size:12px;color:#008c97}.tour-tabs button div{font-weight:700;flex:1;line-height:1.4;font-size:14px}.tour-tabs button small{display:block;font-size:11px;color:#71828d;font-weight:400;margin-top:4px}.tour-tabs button b{color:#008c97;font-size:19px}.tour-copy .tour-caption{font-size:10px;color:#73848d;margin-top:18px}.tablet-device{border:12px solid #172531;border-radius:24px;padding:8px 4px;background:#172531;box-shadow:0 22px 35px #14354725;position:relative}.camera{position:absolute;top:-8px;left:50%;width:5px;height:5px;background:#56636b;border-radius:50%}#demo-screen{min-height:310px;background:#eaf3f6;border-radius:10px;overflow:hidden;padding:22px;color:#1d4059;font-size:12px}.screen-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;gap:5px}.screen-brand{font-weight:800;letter-spacing:.5px}.screen-brand b{color:#008791}.screen-welcome{margin-top:42px;text-align:center}.screen-welcome>span{font-size:9px;color:#7b919e;text-transform:uppercase;letter-spacing:1.2px}.screen-welcome h3{font-size:22px;margin-top:8px}.screen-welcome p{font-size:10px;margin-top:10px}.app-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:28px 10px 15px}.app-grid div{text-align:center;font-size:9px}.app-grid i{width:49px;height:49px;background:#008c97;display:grid;place-items:center;color:#fff;font-style:normal;font-size:25px;border-radius:12px;margin:0 auto 8px}.app-grid div:nth-child(2) i{background:#437ca5}.app-grid div:nth-child(3) i{background:#cfa454}.screen-bottom{text-align:center;font-size:8px;color:#738795;margin-top:23px}.visual-foot{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.7px;color:#6a828d;margin-top:24px}.visual-foot i{display:inline-block;width:5px;height:5px;background:#008c97;border-radius:50%;margin-right:6px}.screen-metrics{display:flex;gap:10px;margin:24px 0 20px}.screen-metrics div{background:white;padding:12px;border-radius:7px;flex:1;font-size:8px}.screen-metrics b{display:block;font-size:24px;color:#008c97;line-height:1.3}.screen-table{width:100%;border-collapse:collapse;font-size:9px}.screen-table td,.screen-table th{text-align:left;padding:10px 4px;border-bottom:1px solid #d8e4e9}.screen-table th{font-size:8px;color:#6d828c}.report-status{color:#00817d;font-size:8px}.video-callout{max-width:1160px;margin:0 auto;display:flex;align-items:center;gap:23px;border-top:1px solid #d6e2e5;padding:29px 0 42px}.video-symbol{width:52px;height:52px;background:#dceeed;color:#008791;border-radius:50%;display:grid;place-items:center;font-size:28px;flex-shrink:0}.video-callout h3{font-size:19px}.video-callout p{font-size:12px;margin-top:6px}.video-callout small{font-size:10px;color:#7c8e96}.video-callout .button{margin-left:auto}.button.outline{color:#087f88;border:1px solid #a9ced1;background:transparent;font-size:12px}.button.outline:hover{background:#e0f0ef}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:50px}.step-number{font-size:13px;color:#008791;background:#eaf6f5;display:grid;place-items:center;width:37px;height:37px;border-radius:50%;margin-bottom:23px}.steps h3{font-size:21px;margin-bottom:15px}.steps p{font-size:14px}.plan-note{display:flex;gap:19px;align-items:center;background:#faf7f1;border-radius:8px;padding:25px;margin-top:43px}.plan-icon{color:#b79045;font-size:29px}.plan-note strong{font-size:14px}.plan-note p{font-size:12px;margin-top:4px;max-width:640px}.plan-note a{margin-left:auto;font-size:12px;font-weight:700;white-space:nowrap}.plan-note a span{margin-left:17px;color:#008791}.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:85px;border-top:1px solid #e6edee}.faq-section>div>p{margin-top:22px;font-size:14px}.faq details{border-bottom:1px solid #dce5e8}.faq summary{padding:21px 28px 21px 0;font-weight:600;font-size:14px;cursor:pointer;list-style:none;position:relative}.faq summary:after{content:'+';position:absolute;right:0;font-size:20px;color:#008c97}.faq details[open] summary:after{content:'−'}.faq details p{font-size:13px;padding:0 24px 21px 0}.nebula-note{display:flex;gap:24px;align-items:center;padding-top:30px;padding-bottom:50px}.nebula-star{font-size:45px;color:#7563b8}.nebula-note .eyebrow{font-size:9px;color:#7563b8;margin-bottom:7px}.nebula-note h3{font-size:23px}.nebula-note p{font-size:12px;margin-top:9px}.nebula-note>a{margin-left:auto;font-size:12px;font-weight:700;color:#655493;white-space:nowrap}.contact-section{background:#102d43;color:#fff}.contact-inner{max-width:1240px;margin:auto;padding:70px 40px;display:grid;grid-template-columns:1.2fr 1fr;gap:90px;align-items:center}.contact-inner h2{font-size:42px}.contact-inner p{color:#c2d1d9;margin-top:22px;font-size:14px}.contact-inner .button{margin-top:28px}.contact-card{background:#1b3a50;border:1px solid #355064;padding:32px;border-radius:10px}.contact-kicker{font-size:9px;color:#88c5c9;letter-spacing:1.7px}.contact-card h3{font-size:20px;margin-top:14px}.contact-card>p{font-size:12px;margin-top:10px}.contact-card>a{display:block;border-top:1px solid #3b5567;padding-top:16px;margin-top:22px;font-size:14px;overflow-wrap:anywhere}.contact-card a small{display:block;font-size:9px;color:#9bb0bf;letter-spacing:1px;margin-bottom:6px}.contact-card a>span{float:right;color:#8ed4d3}footer{max-width:1240px;margin:auto;padding:40px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:25px}.footer-brand{font-size:23px;letter-spacing:-1px;font-weight:750}footer p{font-size:10px;margin-top:9px}.footer-links{display:flex;gap:24px;font-size:11px}footer>small{width:100%;border-top:1px solid #e3e9ed;padding-top:18px;font-size:9px;color:#7d8e98}.floating-contact{position:fixed;right:22px;bottom:22px;background:#008c96;color:white;padding:12px 20px;border-radius:30px;box-shadow:0 5px 25px #12364830;font-size:12px;font-weight:700;z-index:10}.floating-contact span{margin-left:15px}.skip{position:absolute;left:20px;top:-100px;z-index:20;background:white;color:#123;padding:12px}.skip:focus{top:10px}.legal{max-width:850px;margin:auto;padding:65px 25px}.legal h1{font-size:38px;margin-bottom:25px}.legal h2{font-size:23px;margin-top:30px;margin-bottom:12px}.legal p{margin:10px 0}.legal a{color:#00818a;text-decoration:underline}@media(min-width:1600px){.hero-content{margin-left:calc((100vw - 1160px)/2)}}@media(max-width:1150px){.header{gap:18px}.header nav{gap:15px}.company{display:none}.tour-layout{gap:30px}.video-callout{margin:0 40px}.contact-inner{gap:40px}}@media(max-width:800px){.header{padding:18px 22px;flex-wrap:wrap;justify-content:space-between}.header nav{order:3;width:100%;justify-content:space-between;margin:0;font-size:12px;gap:12px}.hero{min-height:590px}.hero-shade{background:linear-gradient(90deg,#0b2339e8,#0b2339b0 58%,#0b233960)}.hero-photo{object-position:65%}.hero-content{padding:60px 24px 70px;margin:0;max-width:560px}.hero h1{font-size:48px}.hero p{font-size:16px;max-width:400px}.trust-strip{display:grid;grid-template-columns:1fr 1fr;font-size:11px;padding:22px}.section{padding:58px 24px}.section-intro{display:block}.section-intro>p{margin-top:22px;max-width:100%}.benefit-grid{gap:18px}.benefit-grid h3{font-size:18px}.benefit-grid p{font-size:12px}.benefit-grid article>span{font-size:10px}.tour-layout{grid-template-columns:1fr;gap:32px}.tour-copy>p{max-width:470px}.tour-tabs{grid-template-columns:1fr 1fr}.tour-tabs button{padding:13px;gap:10px}.tour-tabs small{font-size:10px}.tour-visual{max-width:560px;width:100%;margin:auto}.video-callout{margin:0 24px;flex-wrap:wrap;gap:17px}.video-callout>div:nth-child(2){flex:1}.video-callout .button{margin-left:70px}.steps{gap:24px}.steps h3{font-size:19px}.steps p{font-size:12px}.plan-note{flex-wrap:wrap}.plan-note>div{flex:1}.plan-note a{margin-left:45px}.faq-section{grid-template-columns:1fr;gap:22px}.nebula-note{flex-wrap:wrap;gap:15px}.nebula-note>div{flex:1}.nebula-note>a{margin-left:60px}.contact-inner{grid-template-columns:1fr;padding:55px 24px;gap:35px}.contact-inner h2{font-size:37px}.contact-card{max-width:550px}footer{padding:35px 24px 85px}.floating-contact{right:15px;bottom:15px}}@media(max-width:480px){.wordmark{font-size:20px}.logo-mark{width:36px;height:36px;font-size:24px}.button.small{font-size:12px;padding:10px 16px}.hero h1{font-size:40px;letter-spacing:-1.6px}.hero-actions{flex-wrap:wrap;gap:20px}.hero-note{font-size:9px}.benefit-grid{grid-template-columns:1fr;gap:10px}.benefit-grid article{padding:23px 0}.benefit-icon{float:left;margin:0 18px 45px 0}.benefit-grid p{max-width:none;font-size:13px}.benefit-grid article>span{margin-top:12px}.tour-tabs{grid-template-columns:1fr}.tablet-device{border-width:8px;border-radius:18px}#demo-screen{padding:15px;min-height:280px}.screen-welcome{margin-top:30px}.screen-top{font-size:8px}.screen-welcome h3{font-size:20px}.app-grid{gap:8px;margin:25px 0 0}.app-grid i{width:42px;height:42px}.screen-bottom{font-size:7px}.video-callout .button{margin-left:0;width:100%}.steps{grid-template-columns:1fr;gap:25px}.step-number{float:left;margin:0 15px 50px 0}.plan-note{padding:20px}.plan-note a{margin-left:0}.footer-links{flex-wrap:wrap;gap:18px}.contact-card{padding:24px}.contact-card>a{font-size:13px}.visual-foot{font-size:7px}.contact-inner h2{font-size:33px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Identidad corporativa oficial, conservada sin alterar. */
.company{display:flex;align-items:center;gap:12px}.servitel-logo{display:block;width:50px;height:44px;object-fit:contain;flex-shrink:0}.footer-owner{display:flex;align-items:center;gap:12px;margin-top:14px}.footer-owner p{margin:0;line-height:1.65}@media(max-width:1150px){.header{flex-wrap:wrap}.company{display:flex;padding-left:15px}.header nav{gap:13px}}@media(max-width:800px){.company{order:3;flex-basis:100%;border:0;padding:0;font-size:10px;gap:10px}.header nav{order:4}.company .servitel-logo{width:38px;height:34px}.company strong{font-size:11px}}