:root{--purple:#62366e;--ink:#26162e;--teal:#7ddbd4;--muted:#6c6171;--paper:#faf8fb;--line:#e7dfeb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:white;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}p{line-height:1.7;color:var(--muted)}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #268d86;outline-offset:5px}.wrap{width:min(1180px,calc(100% - 64px));margin:auto}.skip{position:fixed;top:-100px;left:16px;z-index:30;background:var(--ink);color:white;padding:16px}.skip:focus{top:10px}.site-header{position:sticky;top:0;z-index:20;background:#fffffff5;backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.header-inner{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:32px}.wordmark{font-size:42px;letter-spacing:-3px;font-weight:750;color:var(--purple);line-height:1}.wordmark span{font-size:12px;letter-spacing:0;vertical-align:top;display:inline-block;margin:5px}.site-header nav{display:flex;align-items:center;gap:25px;font-size:14px;font-weight:600}.site-header nav a{padding:14px 0}.site-header nav a:hover,.site-header nav a[aria-current]{color:var(--purple);text-decoration:underline;text-underline-offset:7px}.site-header nav .nav-cta{background:var(--purple);color:white;padding:14px 20px;border-radius:99px}.menu-toggle{display:none;border:1px solid var(--line);background:white;border-radius:30px;padding:12px 18px;color:var(--purple)}.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 90% 10%,#dcf8f4 0,transparent 45%),linear-gradient(120deg,#faf5fd,#f4f0f8 60%,#ecf9f7);padding:95px 0 75px}.hero:after{content:'';position:absolute;width:500px;height:500px;border:1px solid #62366e14;border-radius:50%;right:-230px;bottom:-280px;pointer-events:none}.hero-grid{display:grid;grid-template-columns:1.3fr .8fr;gap:70px;align-items:center}.home-hero .hero-grid{grid-template-columns:1.1fr 1fr;gap:45px}.eyebrow{display:block;color:var(--purple);font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:750;margin-bottom:23px}h1,h2,h3{letter-spacing:-1.4px;line-height:1.12;margin:0}h1{font-size:clamp(40px,4.7vw,66px);font-weight:600}h1 span{color:var(--purple)}.lead{font-size:18px;max-width:610px;margin:28px 0}.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 24px;border:0;border-radius:99px;background:var(--purple);color:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:background .2s,transform .2s}.button:hover{background:#45204f;transform:translateY(-2px)}.secondary{font-size:14px;font-weight:600}.hero-caption{font-size:12px;margin-top:24px;max-width:460px}.hero-visual{position:relative;background:#45204f;border-radius:35px 100px 35px 35px;padding:16px;box-shadow:0 30px 80px #54226622;transform:rotate(-2deg)}.hero-visual img{width:100%;height:370px;object-fit:cover;border-radius:24px 85px 24px 24px;display:block}.visual-note{position:absolute;bottom:38px;left:-18px;background:white;padding:17px 24px;box-shadow:0 8px 30px #0002;border-radius:99px;font-size:12px;font-weight:600;transform:rotate(2deg)}.status-dot{width:9px;height:9px;background:#268d86;display:inline-block;border-radius:50%;margin-right:8px}.hero-aside{border-radius:32px;background:var(--purple);padding:40px;color:white;position:relative;overflow:hidden}.hero-aside .eyebrow{color:var(--teal)}.hero-aside p{font-size:27px;line-height:1.35;color:white;letter-spacing:-.7px}.hero-aside em{font-style:normal;color:var(--teal)}.mini-path{border-top:1px solid #ffffff30;padding-top:20px;display:flex;gap:18px;color:#f0e4f3;font-size:12px}.section{padding:90px 0}.section-heading{max-width:690px;margin-bottom:38px}h2{font-size:clamp(30px,3.4vw,44px);font-weight:550}h3{font-size:24px;font-weight:600;letter-spacing:-.7px}.section-heading p{font-size:17px;margin:20px 0 0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{border:1px solid var(--line);border-radius:23px;padding:30px;display:flex;flex-direction:column;align-items:flex-start;transition:box-shadow .2s,border-color .2s}.card:hover{border-color:#b59cbe;box-shadow:0 12px 35px #62366e0a}.card-number{display:inline-grid;place-items:center;background:#eff9f7;color:#407770;width:43px;height:43px;border-radius:50%;font-size:12px;margin-bottom:35px}.card p{font-size:15px;margin:18px 0 28px}.text-link{font-size:14px;font-weight:650;color:var(--purple);padding-bottom:5px;border-bottom:1px solid #d3bddc}.card .text-link{margin-top:auto}.tinted{background:var(--paper)}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.split .section-heading{margin-bottom:26px}.call-flow{background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:0 20px 60px #62366e08;padding:30px}.flow-label{display:block;font-size:10px;letter-spacing:1.6px;text-transform:uppercase;color:var(--muted);margin-bottom:22px}.flow-step{background:#f4eef6;margin:12px 0;padding:21px;border-radius:12px;font-size:15px}.flow-step span{float:right;color:var(--purple)}.flow-branches{display:grid;grid-template-columns:1fr 1fr;gap:12px}.flow-branches div{background:#dff5f1;border-radius:12px;padding:21px 12px;text-align:center;font-size:14px}.call-flow p{font-size:11px;margin:22px 0 0}.growth-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.growth-grid article{padding:38px;background:linear-gradient(130deg,#f7f1fa,#f2f9f8);border-radius:26px}.growth-grid h3{font-size:30px;max-width:400px;margin-top:25px}.growth-grid p{max-width:450px;font-size:15px}.pill{font-size:11px;font-weight:600;color:var(--purple);border:1px solid #d2bdd9;border-radius:99px;padding:9px 13px;display:inline-block}.dark-section{background:#2d1936;color:white}.dark-section p{color:#d3c6d8}.dark-section .eyebrow{color:var(--teal)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:55px}.steps article{border-top:1px solid #b397bd60;padding-top:20px}.steps span{font-size:12px;color:#8a6c95}.dark-section .steps span{color:var(--teal)}.steps h3{font-size:20px;margin:26px 0 15px}.steps p{font-size:14px}.trust{padding-top:65px}.trust-title{display:flex;align-items:center;justify-content:space-between;gap:16px}.trust h2{font-size:20px;letter-spacing:-.5px}.carousel-toggle{border:0;background:none;color:var(--purple);font-size:12px;cursor:pointer;text-decoration:underline;text-underline-offset:4px}.logo-window{overflow:hidden;margin-top:30px;border-bottom:1px solid var(--line);padding-bottom:25px}.logo-track{display:flex;width:max-content;animation:slide 32s linear infinite}.logo-duplicate{display:flex}.logo-cell{width:195px;padding:12px 25px;display:grid;place-items:center}.logo-cell img{width:145px;height:65px;object-fit:contain;filter:none;opacity:1}.logo-window:hover .logo-track,.logo-window:focus-within .logo-track,.logo-window.paused .logo-track{animation-play-state:paused}@keyframes slide{to{transform:translateX(-50%)}}.faq-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px}.faq{width:100%}.faq details{border-bottom:1px solid var(--line);padding:22px 0}.faq summary{cursor:pointer;line-height:1.5;font-weight:600;font-size:16px;padding-right:14px}.faq details p{font-size:15px}.contact-band{background:var(--teal);border-radius:30px;padding:50px;display:flex;align-items:center;justify-content:space-between;gap:50px;margin-bottom:90px}.contact-band h2{font-size:36px;max-width:500px}.contact-band p{color:#365b57;max-width:600px;margin-bottom:0}.contact-band .eyebrow{margin-bottom:16px}.contact-band .button{flex-shrink:0}footer{background:#f7f4f8;padding-top:65px}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:65px;padding-bottom:55px}.footer-grid p{font-size:13px;max-width:350px;margin-top:25px}.footer-grid strong{display:block;font-size:13px;margin:5px 0 20px}.footer-grid>div>a:not(.wordmark){display:block;font-size:13px;color:var(--muted);padding:7px 0}.footer-bottom{border-top:1px solid var(--line);padding:25px 0;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted)}.panel{padding:35px;background:white;border:1px solid var(--line);border-radius:24px}.panel .button{margin-top:15px}.check-list{list-style:none;padding:0;margin:24px 0}.check-list li{padding:12px 0 12px 24px;position:relative;border-bottom:1px solid #f0eaf2;color:var(--muted);font-size:15px;line-height:1.5}.check-list li:before{content:'✓';position:absolute;left:0;color:#27796f}.small{font-size:12px!important;line-height:1.6}.scope-note{border-left:3px solid var(--teal);padding:10px 20px;font-size:13px;margin-top:30px}.contact-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:70px;align-items:start}.contact-layout h2{margin-bottom:25px}.contact-method{margin:28px 0}.contact-method small{display:block;font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-bottom:8px}.contact-method a{font-size:23px;color:var(--purple)}form label{display:block;font-size:13px;font-weight:600;margin-top:18px}.optional{font-weight:400;color:var(--muted)}input,select,textarea{width:100%;border:1px solid #d8ccde;border-radius:9px;padding:13px;margin-top:8px;background:#fff;color:var(--ink);font-size:15px;min-width:0}textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}form .button{width:100%}form h3{margin-bottom:15px}#form-status:empty{display:none}
@media(min-width:1500px){.hero{padding:115px 0 100px}}
@media(max-width:1050px){.site-header nav{gap:16px;font-size:12px}.header-inner{gap:20px}.hero-grid,.home-hero .hero-grid{gap:30px}.hero-visual img{height:320px}.hero-aside{padding:27px}.split{gap:40px}.card{padding:24px}.faq-section{gap:40px}.contact-layout{gap:35px}.contact-band{gap:30px}}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.header-inner{min-height:76px}.wordmark{font-size:36px}.menu-toggle{display:block}.site-header nav{display:none;position:absolute;top:76px;left:0;right:0;background:#fff;padding:20px;box-shadow:0 15px 25px #25152e15;max-height:calc(100dvh - 76px);overflow-y:auto}.site-header nav.open{display:flex;flex-direction:column;align-items:stretch;gap:5px;font-size:16px}.site-header nav a{padding:14px}.hero{padding:55px 0}.hero-grid,.home-hero .hero-grid{grid-template-columns:1fr;gap:40px}h1{font-size:46px}.hero-copy{max-width:650px}.lead{font-size:17px}.hero-visual{max-width:580px;transform:none;border-radius:25px 65px 25px 25px;margin:0 0 10px 12px}.hero-visual img{height:285px;border-radius:18px 55px 18px 18px}.visual-note{transform:none;bottom:27px;left:-12px}.hero-aside{display:none}.section{padding:60px 0}.section-heading{margin-bottom:30px}.cards{grid-template-columns:1fr;gap:16px}.card{padding:28px}.card-number{margin-bottom:20px}.card p{margin-bottom:20px}.split,.faq-section,.contact-layout{grid-template-columns:1fr;gap:30px}.growth-grid{grid-template-columns:1fr;gap:18px}.growth-grid article{padding:28px}.growth-grid h3{font-size:27px}.steps{grid-template-columns:1fr 1fr;gap:25px;margin-top:30px}.steps h3{margin-top:20px}.contact-band{padding:30px;flex-direction:column;align-items:flex-start;margin-bottom:55px;gap:25px}.contact-band h2{font-size:31px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:10px}.panel{padding:25px}.contact-layout{padding-top:45px}.trust{padding-top:40px}.trust h2{font-size:18px}.logo-cell{width:165px;padding:10px 20px}.logo-cell img{width:125px}.hero-caption{max-width:340px}.form-row{grid-template-columns:1fr;gap:0}}
@media(max-width:390px){h1{font-size:39px}.actions{gap:20px}.steps{grid-template-columns:1fr}.contact-method a{font-size:20px}.wrap{width:calc(100% - 32px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.logo-track{animation:none}.logo-duplicate{display:none}.logo-window{overflow-x:auto}.button,.card{transition:none}.button:hover{transform:none}}

/* Imagotipo original del manual de identidad corporativa. */
.wordmark{display:inline-flex;align-items:center;flex-shrink:0;line-height:0}.corporate-logo{display:block;width:160px;height:auto;max-width:100%;object-fit:contain}.header-inner{min-height:98px}footer .corporate-logo{width:200px}.footer-grid>div>a.wordmark{display:inline-flex;padding:0}@media(max-width:800px){.header-inner{min-height:84px}.corporate-logo{width:140px}.site-header nav{top:84px;max-height:calc(100dvh - 84px)}}

/* Ilustraciones recuperadas de la web corporativa original. */
.service-visual{margin:0;min-width:0;position:relative;border-radius:32px;overflow:hidden;background:#ece7f4;box-shadow:0 24px 65px #62366e18;aspect-ratio:1.15}
.service-illustration{width:100%;height:100%;display:block;object-fit:cover}
.card-illustration{display:block;width:calc(100% + 70px);max-width:none;height:200px;margin:-35px -35px 28px;object-fit:cover}
.card:has(.card-illustration){overflow:hidden}.card:has(.card-illustration) .card-number{margin-bottom:16px}
.growth-illustration{display:block;width:100%;height:210px;object-fit:cover;border-radius:18px;margin-bottom:25px}
.editorial-visual{margin:0;min-width:0}.editorial-image{width:100%;height:340px;object-fit:cover;border-radius:28px;display:block}
@media(max-width:800px){.service-visual{display:block;width:100%;max-width:520px;justify-self:center;aspect-ratio:1.45;border-radius:24px}.card-illustration{width:calc(100% + 56px);margin:-28px -28px 24px;height:200px}.growth-illustration{height:190px}.editorial-image{height:260px}}

/* Acceso persistente a WhatsApp en todas las páginas. */
.whatsapp-float{position:fixed;right:max(24px,env(safe-area-inset-right));bottom:calc(24px + env(safe-area-inset-bottom));z-index:100;display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;background:#128c4a;color:#fff;box-shadow:0 5px 22px #123c3038;border:2px solid #fff;transition:transform .2s,background .2s}
.whatsapp-float:hover{background:#0d763d;transform:translateY(-3px)}.whatsapp-float:focus-visible{outline:3px solid #62366e;outline-offset:5px}.whatsapp-float svg{display:block;width:31px;height:31px;flex-shrink:0}.whatsapp-tooltip{position:absolute;right:calc(100% + 12px);white-space:nowrap;border-radius:10px;background:#fff;color:#26162e;padding:12px 16px;font-size:13px;font-weight:600;box-shadow:0 4px 20px #26162e20;opacity:0;visibility:hidden;pointer-events:none}.whatsapp-float:hover .whatsapp-tooltip,.whatsapp-float:focus-visible .whatsapp-tooltip{opacity:1;visibility:visible}footer{padding-bottom:85px}@media(max-width:800px){.whatsapp-float{right:max(16px,env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom));width:56px;height:56px}.whatsapp-tooltip{display:none}}@media(prefers-reduced-motion:reduce){.whatsapp-float{transition:none}.whatsapp-float:hover{transform:none}}

/* Sección de acompañamiento con una paleta corporativa luminosa. */
.light-workflow{background:linear-gradient(115deg,#edf9f7 0%,#f7f1fa 100%);color:var(--ink)}.light-workflow p{color:#61566a}.light-workflow .eyebrow,.light-workflow .steps span{color:var(--purple)}

.included-features{list-style:none;padding:0;margin:0 0 45px;display:grid;grid-template-columns:1fr 1fr;gap:0 36px}.included-features li{position:relative;padding:19px 12px 19px 32px;border-bottom:1px solid var(--line);font-size:16px;line-height:1.5}.included-features li:before{content:'✓';position:absolute;left:2px;color:#187c70;font-weight:700}.capability-cards img{display:block;width:100%;height:160px;object-fit:contain;margin:0 0 24px}.capability-cards h3{font-size:23px}.capability-cards p{margin-bottom:0}@media(max-width:800px){.included-features{grid-template-columns:1fr;margin-bottom:30px}.capability-cards img{height:150px}}

.mobile-benefit-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:22px}.mobile-benefit-grid .card{grid-column:span 2}.mobile-benefit-grid .card:nth-last-child(-n+2){grid-column:span 3}.mobile-benefit-grid h3{font-size:25px;margin-top:23px}.mobile-benefit-grid p{margin-bottom:0}@media(max-width:800px){.mobile-benefit-grid{grid-template-columns:1fr}.mobile-benefit-grid .card,.mobile-benefit-grid .card:nth-last-child(-n+2){grid-column:auto}}

/* Mayor protagonismo del imagotipo en la cabecera. */
.site-header .corporate-logo{width:210px}.site-header .header-inner{min-height:116px}
@media(max-width:1050px){.site-header .menu-toggle{display:block}.site-header nav{display:none;position:absolute;top:116px;left:0;right:0;background:#fff;padding:20px;box-shadow:0 15px 25px #25152e15;max-height:calc(100dvh - 116px);overflow-y:auto}.site-header nav.open{display:flex;flex-direction:column;align-items:stretch;gap:5px;font-size:16px}.site-header nav a{padding:14px}}
@media(max-width:800px){.site-header .corporate-logo{width:175px}.site-header .header-inner{min-height:100px}.site-header nav{top:100px;max-height:calc(100dvh - 100px)}}

.crm-integrations-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.crm-integration-card h3{font-size:27px;color:var(--purple)}.crm-integration-card>p{font-size:14px}.crm-integration-card .check-list{margin-bottom:0}.crm-integration-card:last-child{grid-column:1/-1}@media(max-width:800px){.crm-integrations-grid{grid-template-columns:1fr}.crm-integration-card:last-child{grid-column:auto}}

/* Identidades oficiales de las plataformas integradas. */
.integration-brand{height:112px;display:flex;align-items:center;justify-content:flex-start;background:#fff;border:1px solid #ece8ef;border-radius:16px;padding:16px 22px;margin-bottom:26px;overflow:hidden}.integration-brand img{display:block;width:100%;max-width:230px;height:76px;object-fit:contain;object-position:left center}.integration-brand img.zoho-brand{width:230px;height:230px;max-width:none;object-fit:contain;flex-shrink:0}.integration-brand-dark{background:#17314a;border-color:#17314a}.integration-brand-dark img{max-width:205px}.growth-grid .integration-brand img{max-width:90px;height:76px}.crm-integration-card:last-child .integration-brand img{max-width:140px}@media(max-width:800px){.integration-brand{height:102px;padding:14px 18px}.integration-brand img{height:70px}}
/* Blog y publicaciones compartibles. */
.blog-grid{align-items:stretch}.blog-card{overflow:hidden;display:flex;flex-direction:column}.blog-card h2{font-size:25px;line-height:1.25;letter-spacing:-.6px}.blog-card .eyebrow{margin:22px 0 16px}.blog-card .text-link{margin-top:auto}.blog-image-link{display:block;margin:-35px -35px 0}.blog-image-link img{display:block;width:100%;height:205px;object-fit:cover}.blog-article-top{padding-top:35px}.blog-article{max-width:900px;padding-top:35px}.blog-article-header h1{font-size:clamp(34px,4.5vw,58px)}.blog-article-header .lead{max-width:780px}.blog-byline{font-size:13px}.blog-cover{display:block;width:100%;height:380px;object-fit:cover;border-radius:26px;margin:30px 0 45px}.blog-body{max-width:740px;margin:auto;font-size:17px;line-height:1.8}.blog-body h2{font-size:29px;margin:38px 0 18px}.blog-body ul{padding-left:25px;color:var(--muted)}.blog-body li{padding:6px 0}.blog-body a{color:var(--purple);text-decoration:underline;text-underline-offset:3px}.blog-share{border-top:1px solid var(--line);padding:30px 0;margin-top:45px}.blog-share h2{font-size:23px;margin-bottom:22px}.share-actions{display:flex;gap:10px;flex-wrap:wrap}.share-button{display:inline-flex;align-items:center;padding:12px 17px;border:1px solid #d6c9dc;background:#fff;color:var(--purple);font:inherit;font-size:14px;border-radius:99px;cursor:pointer}.share-button:hover{background:#f2eaf5}.share-button[hidden]{display:none}.blog-related{display:flex;gap:25px;align-items:center;justify-content:space-between}.blog-home-link{display:flex;align-items:center;justify-content:space-between;gap:30px}.blog-home-link p{margin-bottom:0}@media(max-width:800px){.blog-image-link{margin:-28px -28px 0}.blog-cover{height:250px;border-radius:18px}.blog-body{font-size:16px}.blog-body h2{font-size:26px}.blog-related,.blog-home-link{flex-direction:column;align-items:flex-start}.blog-article-top{padding-top:25px}}

.article-toc{background:#f5f0f7;border:1px solid var(--line);border-radius:18px;padding:22px 25px;margin:28px 0}.article-toc strong{color:var(--purple)}.article-toc ul{margin:12px 0 0}.article-toc a{font-size:15px}.blog-body h2[id]{scroll-margin-top:145px}.seo-related h2{font-size:30px;margin-bottom:25px}.seo-related ul{padding-left:22px;max-width:850px;margin-bottom:28px}.seo-related li{padding:9px 0;line-height:1.6}.seo-related li a{color:var(--purple);text-decoration:underline;text-underline-offset:3px}

.blog-card-date{display:block;font-size:12px;color:var(--muted);margin:0 0 13px}.blog-card time+.eyebrow{margin-top:0}

.mobile-voice-grid,.mobile-extras-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.mobile-voice-card>img{display:block;width:100%;height:170px;object-fit:contain;margin:0 0 25px}.mobile-voice-card h3{font-size:27px;margin-top:24px}.mobile-voice-card p{font-size:15px}.mobile-extras-grid h3{font-size:27px;margin-top:24px}.mobile-extras-grid .card p:last-child{margin-bottom:0}@media(max-width:800px){.mobile-voice-grid,.mobile-extras-grid{grid-template-columns:1fr}.mobile-voice-card>img{height:150px}.mobile-voice-card h3,.mobile-extras-grid h3{font-size:25px}}

/* Creatividades corporativas ORATIOO para los bloques de voz móvil. */
.mobile-voice-card>img{height:230px;object-fit:cover;border-radius:18px;background:linear-gradient(120deg,#ecf9f7,#f4eaf8)}.mobile-voice-card:nth-child(2)>img{object-fit:contain}@media(max-width:800px){.mobile-voice-card>img{height:210px}}

.mobile-tariff-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.mobile-plan-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:24px;padding:25px 22px;background:linear-gradient(160deg,#fff,#f8f5fa)}.mobile-plan-card h3{font-size:21px;line-height:1.25;letter-spacing:-.5px}.mobile-plan-card .eyebrow{font-size:10px;letter-spacing:1.5px}.mobile-plan-data{font-size:40px;font-weight:700;letter-spacing:-1.5px;color:var(--purple);line-height:1.1;margin:28px 0 5px}.mobile-plan-price{font-size:36px;font-weight:700;color:var(--ink);line-height:1.2;margin:26px 0 4px;letter-spacing:-1px}.mobile-plan-price span{font-size:15px;letter-spacing:0;font-weight:400}.mobile-plan-card .small{margin:4px 0 12px}.mobile-plan-card .button{margin-top:auto;font-size:13px;padding:14px 17px;gap:10px}.esim-price-band{display:flex;align-items:center;justify-content:space-between;gap:28px;background:#edf9f7;border:1px solid #d1eae5;border-radius:24px;padding:28px 32px;margin-top:24px}.esim-price-band .eyebrow{margin-bottom:12px}.esim-price-band h3{font-size:28px}.esim-price-band p{margin:8px 0}.esim-price-band .mobile-plan-price{white-space:nowrap}.esim-price-band .button{flex-shrink:0}.esim-inline-price{color:var(--purple);font-size:23px;font-weight:700}@media(max-width:1050px){.mobile-tariff-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.mobile-tariff-grid{grid-template-columns:1fr}.mobile-plan-card{padding:26px}.esim-price-band{flex-direction:column;align-items:flex-start;padding:26px;gap:12px}}

.fiber-plan h3{font-size:32px}.fiber-price{font-size:39px;font-weight:700;color:var(--purple);letter-spacing:-1px;line-height:1.2;margin:26px 0}.fiber-price span{font-size:15px;font-weight:400;letter-spacing:0}.fiber-plan .button{margin-top:10px}.fiber-benefits-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.fiber-benefits-grid h3{font-size:25px;color:var(--purple)}.fiber-benefits-grid p{font-size:15px}.fiber-backup{display:grid;grid-template-columns:1.3fr 1fr;gap:60px;align-items:center}.fiber-backup-price>img{display:block;width:100%;height:180px;object-fit:contain;margin-bottom:25px}.fiber-backup-price h3{font-size:29px;margin-top:22px}.fiber-comparison{overflow-x:auto;border:1px solid var(--line);border-radius:18px;background:white}.fiber-comparison table{width:100%;border-collapse:collapse;min-width:620px;font-size:14px;line-height:1.6}.fiber-comparison caption{text-align:left;padding:20px 24px;font-weight:600;color:var(--purple)}.fiber-comparison th,.fiber-comparison td{padding:18px 23px;text-align:left;vertical-align:top;border-top:1px solid var(--line)}.fiber-comparison thead{background:#f1eaf4}.fiber-comparison tbody th{font-weight:600;width:20%}.fiber-comparison td{color:var(--muted)}@media(max-width:800px){.fiber-benefits-grid,.fiber-backup{grid-template-columns:1fr}.fiber-backup{gap:30px}.fiber-plan h3{font-size:30px}.fiber-backup-price>img{height:160px}}

.pbx-pack{display:flex;flex-direction:column}.pbx-pack h3{font-size:31px}.pbx-pack-price{font-size:37px;font-weight:700;color:var(--purple);line-height:1.2;letter-spacing:-1px;margin:24px 0}.pbx-pack-price span{font-size:14px;font-weight:400;letter-spacing:0}.pbx-pack .button{margin-top:auto}.pbx-option-list details{background:#fff;border:1px solid var(--line);border-radius:17px;margin-bottom:15px;overflow:hidden}.pbx-option-list summary{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:24px;cursor:pointer;list-style:none}.pbx-option-list summary::-webkit-details-marker{display:none}.pbx-option-list summary:after{content:'+';font-size:27px;color:var(--purple)}.pbx-option-list details[open]>summary:after{content:'−'}.pbx-option-list summary span{font-size:20px;font-weight:600;flex:1;line-height:1.3}.pbx-option-list summary strong{font-size:14px;color:var(--purple);text-align:right}.pbx-option-list details>div{padding:0 24px 20px;max-width:950px}.pbx-option-list details p{font-size:15px}.pbx-equipment>summary{padding:22px;border:1px solid var(--line);border-radius:15px;font-weight:600;color:var(--purple);cursor:pointer}.pbx-equipment[open]>summary{margin-bottom:18px}@media(max-width:800px){.pbx-option-list summary{padding:21px;flex-wrap:wrap;gap:12px}.pbx-option-list summary span{flex-basis:80%}.pbx-option-list summary strong{text-align:left;flex-basis:80%}.pbx-option-list summary:after{margin-left:auto}.pbx-option-list details>div{padding:0 21px 18px}.pbx-pack-price{font-size:35px}}

/* Creatividades corporativas de los packs de centralita. */
.pbx-pack{overflow:hidden}.pbx-pack-visual{height:185px;flex-shrink:0;border-radius:18px;overflow:hidden;background:linear-gradient(135deg,#e5f7f5,#efe3f6);margin-bottom:27px}.pbx-pack-visual img{display:block;width:100%;height:100%;object-fit:cover}.pbx-pack:last-child .pbx-pack-visual img{object-fit:contain;padding:6px}@media(max-width:800px){.pbx-pack-visual{height:200px}}

.pbx-hidden-price{display:block;color:var(--purple);font-size:18px;padding:7px 0 12px}.pbx-option-list summary span{flex:1}.pbx-price-disclosure{margin-top:24px}.pbx-sms-content{padding-top:12px}.pbx-sms-content>p{margin-bottom:25px}@media(max-width:800px){.pbx-option-list summary span{flex-basis:auto}}

/* Branded, scroll-driven depth across the site. */
.motion-scene{position:relative;isolation:isolate;overflow:hidden}
.motion-scene>.motion-backdrop{position:absolute;inset:-95px;z-index:-1;pointer-events:none;contain:layout style}
.motion-backdrop i{position:absolute;display:block;border-radius:50%;width:520px;height:520px;right:-100px;top:-120px;background:radial-gradient(circle,#7ddbd452,transparent 68%)}
.motion-backdrop i+i{width:430px;height:430px;left:-120px;top:auto;bottom:-180px;right:auto;border:1px solid #62366e20;background:radial-gradient(circle,#62366e12,transparent 70%)}
.dark-section .motion-backdrop i{background:radial-gradient(circle,#7ddbd425,transparent 68%)}
.dark-section .motion-backdrop i+i{border-color:#7ddbd433;background:transparent}
.contact-band .motion-backdrop i{background:radial-gradient(circle,#ffffff80,transparent 68%)}
.card-illustration{transition:transform .65s cubic-bezier(.16,1,.3,1)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.card:hover .card-illustration{transform:translateY(-7px) scale(1.035)}.text-link span,.secondary span{display:inline-block;transition:transform .25s}.text-link:hover span,.secondary:hover span{transform:translateX(4px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.motion-backdrop{display:none}.card-illustration{transition:none}}

/* Slow layers and a CSS 3D connectivity sculpture. */
.motion-backdrop .depth-ribbon{position:absolute;left:-10%;top:52%;width:120%;height:120px;display:flex;align-items:center;justify-content:space-around;gap:60px;transform:rotate(-11deg);border-top:1px solid #62366e18;border-bottom:1px solid #62366e18;background:linear-gradient(100deg,#7ddbd423,#62366e0d,#7ddbd42e);color:#62366e0e;font-weight:800;font-size:clamp(38px,7vw,100px);letter-spacing:9px;white-space:nowrap}
.depth-ribbon img{display:block;width:clamp(150px,19vw,250px);height:auto;max-height:85%;object-fit:contain;flex-shrink:0;opacity:.16;filter:none}
.dark-section .depth-ribbon{color:#7ddbd41a;border-color:#7ddbd41c;background:linear-gradient(100deg,#7ddbd412,#ffffff04)}
.home-hero .motion-backdrop .depth-ribbon{top:58%;height:150px}
.home-hero{padding-bottom:105px}
.orbit-sculpture{position:absolute;right:5%;top:26px;width:160px;height:160px;perspective:700px;pointer-events:none;z-index:2}
.orbit-stage{width:100%;height:100%;position:relative;transform-style:preserve-3d;animation:orbit-float 12s ease-in-out infinite}
.orbit-ring{position:absolute;inset:8px;border:7px solid #7ddbd4;border-radius:50%;transform-style:preserve-3d;box-shadow:inset 2px 2px 5px #ffffffc0,3px 5px 8px #45204f30}
.ring-one{animation:ring-turn 28s linear infinite}
.ring-two{border-color:#82508e;animation:ring-cross 36s linear infinite}
.orbit-core{position:absolute;left:58px;top:58px;width:44px;height:44px;transform-style:preserve-3d;animation:core-turn 32s linear infinite}
.orbit-core b{position:absolute;inset:0;background:linear-gradient(135deg,#a37bb1,#62366e);border:1px solid #e9d8ee70;border-radius:7px;backface-visibility:hidden}
.orbit-core b:nth-child(1){transform:translateZ(22px)}.orbit-core b:nth-child(2){transform:rotateY(90deg) translateZ(22px)}.orbit-core b:nth-child(3){transform:rotateY(180deg) translateZ(22px)}.orbit-core b:nth-child(4){transform:rotateY(270deg) translateZ(22px)}.orbit-core b:nth-child(5){transform:rotateX(90deg) translateZ(22px)}.orbit-core b:nth-child(6){transform:rotateX(-90deg) translateZ(22px)}
.orbit-satellite{position:absolute;top:18px;left:22px;width:21px;height:21px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff,#7ddbd4 45%,#268d86);transform:translateZ(55px);box-shadow:0 6px 12px #45204f30}
.motion-toggle{position:absolute;right:6%;bottom:17px;background:#ffffffb3;border:1px solid #62366e25;border-radius:99px;color:var(--purple);font-size:11px;padding:9px 15px;cursor:pointer}
@keyframes orbit-float{0%,100%{transform:translateY(0) rotateZ(-8deg)}50%{transform:translateY(12px) rotateZ(7deg)}}
@keyframes ring-turn{from{transform:rotateX(62deg) rotateY(0)}to{transform:rotateX(62deg) rotateY(360deg)}}
@keyframes ring-cross{from{transform:rotateY(65deg) rotateX(25deg)}to{transform:rotateY(425deg) rotateX(385deg)}}
@keyframes core-turn{from{transform:rotateX(-20deg) rotateY(25deg)}to{transform:rotateX(340deg) rotateY(385deg)}}
.motion-paused .orbit-stage,.motion-paused .orbit-stage *{animation-play-state:paused!important}
.card-illustration{transition-duration:1.2s}
@media(max-width:800px){.orbit-sculpture{width:120px;height:120px;right:6%;top:auto;bottom:68px;opacity:.9;transform:scale(.75);transform-origin:bottom right}.home-hero{padding-bottom:150px}.motion-backdrop .depth-ribbon{height:90px}.home-hero .hero-grid{position:relative;z-index:1}}
@media(prefers-reduced-motion:reduce){.orbit-stage,.orbit-stage *{animation:none!important}.orbit-stage{transform:rotateZ(-8deg)}.ring-one{transform:rotateX(62deg)}.ring-two{transform:rotateY(65deg) rotateX(25deg)}.orbit-core{transform:rotateX(-20deg) rotateY(25deg)}.motion-toggle{display:none}}

.motion-scene>.motion-backdrop{transition:transform 1s cubic-bezier(.2,.6,.3,1)}.motion-backdrop .depth-ribbon{transition:translate 1.3s cubic-bezier(.2,.6,.3,1)}

/* The original logo, separated into symbol and word without redrawing it. */
.atom-hero-visual{background:linear-gradient(145deg,#f3eaf6,#e1f7f3);min-height:390px;padding:16px;transform:none;border:1px solid #62366e16}
.atom-hero-visual>img{opacity:.06;filter:blur(2px)}
.atom-hero-visual .visual-note{z-index:4;bottom:8px;left:50%;transform:translateX(-50%);white-space:nowrap}
.atom-hero-visual .orbit-sculpture{width:340px;height:340px;max-width:95%;top:12px;right:auto;left:50%;transform:translateX(-50%);opacity:1;perspective:900px}
.brand-atom{position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(-8deg)}
.atom-symbol{position:absolute;inset:65px;transform-style:preserve-3d;animation:brand-symbol-turn 32s linear infinite}
.atom-symbol svg{width:100%;height:100%;overflow:hidden;filter:drop-shadow(0 8px 5px #62366e22)}
.atom-word{position:absolute;left:26%;top:46%;width:48%;transform-style:preserve-3d;animation:brand-word-turn 24s linear infinite}
.atom-word svg{width:100%;display:block;filter:drop-shadow(0 4px 2px #62366e25)}
.atom-orbit{position:absolute;inset:22px;border:1px solid #62366e30;border-radius:50%;transform-style:preserve-3d;transform:rotateZ(var(--angle)) rotateX(var(--tilt))}
.atom-orbit-0{--angle:-28deg;--tilt:56deg;--speed:30s;--phase:0s}.atom-orbit-1{--angle:35deg;--tilt:62deg;--speed:38s;--phase:-9s;border-color:#268d8645}.atom-orbit-2{--angle:88deg;--tilt:50deg;--speed:34s;--phase:-17s}.atom-orbit-3{--angle:145deg;--tilt:64deg;--speed:42s;--phase:-28s;border-color:#268d8645}
.atom-electron{position:absolute;inset:0;border-radius:50%;transform-style:preserve-3d;animation:electron-turn var(--speed) linear infinite;animation-delay:var(--phase)}
.atom-icon{position:absolute;top:50%;left:-24px;width:48px;height:48px;margin-top:-24px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(145deg,#fff,#d5f5f0);border:1px solid #ffffff;color:#62366e;box-shadow:0 7px 15px #45204f22;transform-style:preserve-3d;animation:icon-face var(--speed) linear infinite;animation-delay:var(--phase)}
.atom-icon svg{width:25px;height:25px}.atom-icon span{position:absolute;top:52px;left:50%;transform:translateX(-50%);font-size:10px;font-weight:600;letter-spacing:0;background:#ffffffdb;padding:3px 6px;border-radius:6px;color:#62366e;white-space:nowrap}
@keyframes brand-symbol-turn{from{transform:rotateY(0) rotateZ(-8deg)}to{transform:rotateY(360deg) rotateZ(-8deg)}}
@keyframes brand-word-turn{from{transform:rotateY(0)}to{transform:rotateY(-360deg)}}
@keyframes electron-turn{to{transform:rotateZ(360deg)}}
@keyframes icon-face{from{transform:rotateZ(0) rotateX(calc(-1 * var(--tilt))) rotateZ(calc(-1 * var(--angle)))}to{transform:rotateZ(-360deg) rotateX(calc(-1 * var(--tilt))) rotateZ(calc(-1 * var(--angle)))}}
.motion-paused .brand-atom *{animation-play-state:paused!important}
@media(max-width:800px){.atom-hero-visual{min-height:355px}.atom-hero-visual>img{height:330px}.atom-hero-visual .orbit-sculpture{width:300px;height:300px;bottom:auto;top:10px;transform:translateX(-50%);transform-origin:center}.atom-symbol{inset:60px}.atom-icon{width:42px;height:42px;left:-21px;margin-top:-21px}.atom-icon span{top:45px}.atom-hero-visual .visual-note{font-size:10px;padding:12px 15px}}
@media(prefers-reduced-motion:reduce){.brand-atom *{animation:none!important}.atom-orbit-1 .atom-electron{transform:rotateZ(90deg)}.atom-orbit-2 .atom-electron{transform:rotateZ(180deg)}.atom-orbit-3 .atom-electron{transform:rotateZ(270deg)}}

.atom-word svg{overflow:hidden}.atom-hero-visual{overflow:hidden}.atom-hero-visual>img{visibility:hidden}

/* Extruded corporate artwork: front, back and 31 depth slices. */
.atom-symbol .logo-slice,.atom-word .logo-slice{position:absolute;inset:0;width:100%;height:100%;display:block;overflow:hidden;filter:none;backface-visibility:visible}
.atom-symbol .logo-edge{filter:brightness(.55) saturate(1.2)}
.atom-word .logo-edge{filter:brightness(.48)}
.atom-symbol .logo-face{filter:drop-shadow(1px 2px 1px #ffffff45)}
.atom-word .logo-face{filter:brightness(1.1)}
.atom-word{height:25px;left:24%;width:52%;top:46%;animation:brand-word-volume 22s linear infinite}
.atom-symbol{animation:brand-symbol-volume 30s linear infinite}
.brand-atom{transform:rotateX(-12deg);perspective:850px}
@keyframes brand-symbol-volume{0%{transform:rotateX(16deg) rotateY(0deg) rotateZ(-12deg)}50%{transform:rotateX(-18deg) rotateY(180deg) rotateZ(12deg)}100%{transform:rotateX(16deg) rotateY(360deg) rotateZ(-12deg)}}
@keyframes brand-word-volume{0%{transform:rotateX(-14deg) rotateY(25deg) translateZ(22px)}50%{transform:rotateX(22deg) rotateY(-155deg) translateZ(22px)}100%{transform:rotateX(-14deg) rotateY(-335deg) translateZ(22px)}}
@media(max-width:800px){.atom-word{height:22px}}
@media(prefers-reduced-motion:reduce){.atom-symbol{transform:rotateX(18deg) rotateY(-30deg) rotateZ(-8deg)}.atom-word{transform:rotateX(-12deg) rotateY(25deg) translateZ(22px)}}

/* Polished metal: fixed studio reflections and a travelling highlight. */
.logo-metal{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;pointer-events:none;backface-visibility:visible}
.atom-symbol .logo-edge{filter:brightness(.64) saturate(.85)}
.atom-symbol .logo-edge:nth-child(3n){filter:brightness(.93) saturate(.7)}
.atom-symbol .logo-edge:nth-child(7n){filter:brightness(1.45) saturate(.5)}
.atom-word .logo-edge{filter:brightness(.6) saturate(.3)}
.atom-word .logo-edge:nth-child(3n){filter:brightness(.92)}
.atom-word .logo-edge:nth-child(7n){filter:brightness(1.7)}
.atom-symbol .logo-face{filter:drop-shadow(0 1px 0 #ffffffb0) saturate(.85) contrast(1.08)}
.atom-word .logo-face{filter:brightness(1.25) drop-shadow(0 1px 0 #ffffffa0)}
.metal-sweep{animation:metal-reflection 9s linear infinite;transform-box:view-box}
.atom-word .metal-sweep{animation-duration:11s;animation-delay:-3s}
@keyframes metal-reflection{0%{transform:translateX(-200px) skewX(-16deg)}70%,100%{transform:translateX(1900px) skewX(-16deg)}}
@media(prefers-reduced-motion:reduce){.metal-sweep{animation:none!important;transform:translateX(800px) skewX(-16deg)}}

.atom-symbol .logo-edge:nth-child(n){filter:brightness(.72) saturate(.85)}
.atom-word .logo-edge:nth-child(n){filter:brightness(.68) saturate(.3)}
.atom-symbol .logo-edge:nth-child(2),.atom-symbol .logo-edge:nth-child(32){filter:brightness(1.45) saturate(.6)}
.atom-word .logo-edge:nth-child(2),.atom-word .logo-edge:nth-child(32){filter:brightness(1.7)}

/* Keep the reflected artwork on one surface; avoid overlapping face textures. */
.logo-metal{backface-visibility:hidden;-webkit-backface-visibility:hidden}
.logo-metal g{opacity:.65}
@media(max-width:800px),(pointer:coarse){
 .metal-sweep{display:none;animation:none!important}
 .logo-metal g{opacity:.45}
 .atom-symbol .logo-edge:nth-child(n){filter:brightness(.76) saturate(.9)}
 .atom-word .logo-edge:nth-child(n){filter:brightness(.78)}
 .atom-symbol{animation-duration:42s}
 .atom-word{animation-duration:36s}
 .brand-atom{perspective:1100px}
}

.atom-orbit-4{--angle:195deg;--tilt:55deg;--speed:46s;--phase:-35s;border-color:#62366e30}
@media(prefers-reduced-motion:reduce){.atom-orbit-4 .atom-electron{transform:rotateZ(315deg)}}

/* A connected journey, from page transition to hands-on discovery. */
@view-transition{navigation:auto}
@media(prefers-reduced-motion:no-preference){
 ::view-transition-old(root){animation:page-depart .35s ease both}
 ::view-transition-new(root){animation:page-arrive .65s cubic-bezier(.2,.6,.3,1) both}
 @keyframes page-depart{to{opacity:0;transform:translateY(-10px)}}
 @keyframes page-arrive{from{opacity:0;clip-path:inset(0 0 12% 0 round 28px);transform:translateY(18px)}to{opacity:1;clip-path:inset(0);transform:translateY(0)}}
}
.atom-hero-visual .brand-atom{transform:rotateX(calc(-12deg + var(--look-y,0deg))) rotateY(var(--look-x,0deg));transition:transform 1s ease-out}
.connection-lab{position:relative}.connection-choices,.workflow-controls{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}
.connection-choices button,.workflow-controls button{padding:14px 20px;border:1px solid var(--line);border-radius:99px;background:#fff;color:var(--purple);cursor:pointer;font-weight:600;font-size:13px;transition:background .3s,color .3s,box-shadow .3s}
.connection-choices button[aria-pressed=true],.workflow-controls button[aria-pressed=true]{background:var(--purple);color:#fff;border-color:var(--purple);box-shadow:0 6px 22px #62366e25}
.connection-result{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;min-height:310px;border:1px solid var(--line);border-radius:30px;padding:45px;background:radial-gradient(ellipse at 100% 0,#7ddbd449,transparent 65%),#faf8fb}
.connection-result h3{font-size:32px;max-width:430px}.connection-result p{max-width:460px}.connection-result .eyebrow{margin-bottom:17px}
.connection-route{display:grid;justify-items:center;gap:13px;position:relative}.connection-route span,.connection-route strong{padding:16px 24px;border:1px solid #62366e20;border-radius:16px;background:#fff;box-shadow:0 8px 20px #62366e08;text-align:center;font-size:14px}.connection-route strong{background:var(--purple);color:white}.connection-route i{font-style:normal;color:#268d86;font-size:22px}
.workflow-lab{border-top:1px solid var(--line)}.workflow-screen{min-height:265px;background:linear-gradient(125deg,#2d1936,#4c2b58);color:white;border-radius:26px;padding:40px;position:relative;overflow:hidden}.workflow-screen .eyebrow{color:var(--teal)}.workflow-screen h3{font-size:29px}.workflow-screen p{color:#e4dbe7;max-width:820px}.workflow-record{border-top:1px solid #ffffff25;padding-top:20px;color:var(--teal);font-size:13px;line-height:1.7}.workflow-next{margin-top:22px;border:0;background:none;color:var(--purple);cursor:pointer;padding:12px 0;font-weight:600}
@media(max-width:800px){.connection-result{grid-template-columns:1fr;gap:30px;padding:28px;min-height:520px}.connection-result h3{font-size:27px}.connection-choices button,.workflow-controls button{padding:12px 15px}.workflow-screen{padding:28px;min-height:355px}.workflow-screen h3{font-size:25px}.connection-route{gap:8px}.connection-route span,.connection-route strong{padding:12px 20px}}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none!important}.atom-hero-visual .brand-atom{transition:none}}

/* Navigation and reading comfort, across touch, keyboard and narrower displays. */
html{scroll-padding-top:140px}main:focus{outline:none}h2[id],h3[id]{scroll-margin-top:145px}p,a,li,h1,h2,h3{overflow-wrap:break-word}.hero-grid>*:not(.motion-backdrop),.split>*,.cards>*,.footer-grid>*{min-width:0}
.breadcrumbs{padding-top:20px;padding-bottom:20px;font-size:12px;line-height:1.5}.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:8px 12px;list-style:none;margin:0;padding:0;color:var(--muted)}.breadcrumbs li+li:before{content:'›';margin-right:12px;color:var(--purple)}.breadcrumbs a{text-decoration:underline;text-underline-offset:3px}.breadcrumbs [aria-current]{color:var(--ink)}
.site-header .nav-offer{color:var(--purple);font-weight:700}.site-header nav{gap:17px;font-size:13px}.page-sections{padding-top:20px;padding-bottom:20px}.page-sections details{border:1px solid var(--line);border-radius:16px;padding:0 20px;background:#faf8fb}.page-sections summary{padding:16px 0;cursor:pointer;font-weight:600;color:var(--purple);min-height:48px}.page-sections ul{display:grid;grid-template-columns:1fr 1fr;gap:6px 28px;list-style:none;padding:0 0 15px;margin:0}.page-sections a{display:block;padding:10px 0;line-height:1.5;font-size:14px;text-decoration:underline;text-underline-offset:3px}
.fiber-comparison:focus-visible{outline:3px solid #268d86;outline-offset:4px}.fiber-comparison{overscroll-behavior-x:contain}.fiber-comparison:before{content:'Desliza la tabla para ver todas las columnas';display:none;padding:12px 20px;color:var(--muted);font-size:12px}
.connection-choices button,.workflow-controls button,.menu-toggle{min-height:44px}.faq summary{min-height:48px}.card-number,.steps>article>span{color:#385e59}.optional,.small{line-height:1.65}
@media(max-width:1200px){
 .site-header .menu-toggle{display:block;min-width:92px}.site-header .header-inner{position:relative;gap:20px}.site-header nav{display:none;position:absolute;top:100%;left:calc((100vw - 100%)/-2);right:calc((100vw - 100%)/-2);padding:16px max(20px,calc((100vw - 1180px)/2));background:#fff;box-shadow:0 15px 25px #25152e15;max-height:calc(100dvh - 116px);overflow-y:auto}.site-header nav.open{display:flex;flex-direction:column;align-items:stretch;gap:4px;font-size:16px}.site-header nav a{padding:13px 16px;min-height:46px}.site-header nav a[aria-current=page]{background:#f4eef6;border-radius:10px}.site-header nav .nav-cta{margin-top:5px}.site-header nav .nav-offer{border-top:1px solid var(--line);margin-top:6px}
}
@media(max-width:800px){
 .wrap{width:calc(100% - 32px)}.header-inner{min-height:86px!important}.site-header .corporate-logo{width:155px;max-width:45vw;height:auto}.site-header nav{max-height:calc(100dvh - 86px)}
 h1{font-size:clamp(32px,8.8vw,46px);letter-spacing:-1px}.hero-visual{margin-left:0;width:100%;max-width:100%}.hero-visual img{max-width:100%}.visual-note{left:8px;max-width:calc(100% - 16px);font-size:11px}.atom-hero-visual .visual-note{left:50%;white-space:normal;width:max-content;text-align:center}.atom-hero-visual .orbit-sculpture{max-width:95%;width:280px;height:280px;top:16px}.atom-hero-visual{min-height:330px}.home-hero{padding-bottom:62px}.motion-toggle{bottom:10px;right:16px}.hero-grid,.home-hero .hero-grid{gap:26px}.page-sections ul{grid-template-columns:1fr}.breadcrumbs{padding-top:14px;padding-bottom:14px}.fiber-comparison:before{display:block}.contact-band .button{white-space:normal;max-width:100%}.contact-band h2{font-size:clamp(25px,7vw,31px)}.actions{gap:16px}.button{min-height:46px;max-width:100%;white-space:normal}.secondary{display:inline-block;min-height:44px;padding-top:12px;padding-bottom:12px}.whatsapp-float{bottom:max(16px,env(safe-area-inset-bottom));right:16px}.workflow-screen,.connection-result{min-height:0}.workflow-screen{padding:24px}.workflow-controls,.connection-choices{gap:8px}.form-row{min-width:0}input,select,textarea{font-size:16px!important;max-width:100%}html{scroll-padding-top:105px}h2[id],h3[id]{scroll-margin-top:110px}
}
@media(max-width:420px){.footer-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.connection-choices button,.workflow-controls button{font-size:12px;padding:12px 13px}.hero-visual img{height:240px}.atom-hero-visual>img{height:300px}.contact-band{padding:23px}.trust-title{align-items:flex-start;flex-direction:column}.visual-note{padding:11px 13px}}
@media(prefers-reduced-motion:reduce){.connection-choices button,.workflow-controls button{transition:none}}