:root{--act-navy:#071d3d;--act-blue:#0b55c7;--act-ink:#10213d;--act-muted:#53647c;--act-soft:#f3f7fd;--act-line:#dbe5f2;--act-focus:#ffbf47;--operator:#0b55c7}
*{box-sizing:border-box}body{padding-bottom:68px}body.has-contact-popup{overflow:hidden}.activation-hero,.activation-biometric,.activation-workspace,.activation-security,.activation-troubleshooting,.activation-role,.activation-regulation,.activation-validity,.activation-commerce{max-width:1180px;margin-inline:auto;padding-inline:24px}

/* Segundo aviso de entrada: norma SUBTEL vigente desde el 20 de agosto de 2026. */
.subtel-regulation-overlay{z-index:10020;background:rgba(2,17,39,.82)}
.subtel-regulation-dialog{position:relative;width:min(700px,100%);max-height:calc(100vh - 28px);overflow:auto;padding:26px;border-radius:24px;background:linear-gradient(145deg,#fff 0%,#f4f9ff 100%);box-shadow:0 32px 100px rgba(0,0,0,.4)}
.subtel-regulation-overlay.is-open .subtel-regulation-dialog{animation:contact-pop .22s ease-out}
.subtel-regulation-dialog__header{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-right:48px}.subtel-regulation-dialog__header img{width:62px;height:56px;object-fit:contain}.subtel-regulation-dialog__header span,.subtel-regulation-dialog__header strong{display:block}.subtel-regulation-dialog__header span{color:#087bb9;font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.subtel-regulation-dialog__header strong{margin-top:2px;color:#0a2b54;font-size:1rem}
.subtel-regulation-dialog h2{max-width:620px;margin:0 0 9px;color:#092b55;font-size:clamp(1.8rem,4.8vw,2.65rem);line-height:1.04}.subtel-regulation-dialog>#subtel-popup-description{margin:0;color:#4b6178;line-height:1.5}
.subtel-regulation-dialog__requirements{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0}.subtel-regulation-dialog__requirements article{padding:14px;border-radius:14px;background:#fff;box-shadow:0 8px 22px rgba(7,42,85,.08)}.subtel-regulation-dialog__requirements strong{display:block;color:#0a3f78;font-size:.83rem;line-height:1.3}.subtel-regulation-dialog__requirements p{margin:7px 0 0;color:#536980;font-size:.75rem;line-height:1.45}
.subtel-regulation-dialog__safety{margin:0;padding:12px 14px;border-left:4px solid #e06b22;border-radius:10px;background:#fff5eb;color:#663817;font-size:.8rem;line-height:1.48}
.subtel-regulation-dialog__actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:17px}.subtel-regulation-dialog__actions button,.subtel-regulation-dialog__actions a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:11px 15px;border:0;border-radius:12px;font:inherit;font-weight:900;text-align:center;text-decoration:none;cursor:pointer}.subtel-regulation-dialog__actions button{background:#075dc7;color:#fff}.subtel-regulation-dialog__actions a{background:#e5eef9;color:#0a3f78}.subtel-regulation-dialog__actions button:focus-visible,.subtel-regulation-dialog__actions a:focus-visible{outline:3px solid #0a70d6;outline-offset:3px}
@media(max-width:620px){.subtel-regulation-overlay{padding:9px}.subtel-regulation-dialog{padding:18px 14px;border-radius:19px}.subtel-regulation-dialog__header{margin-bottom:10px}.subtel-regulation-dialog__header img{width:48px;height:44px}.subtel-regulation-dialog h2{font-size:1.65rem}.subtel-regulation-dialog__requirements{grid-template-columns:1fr;gap:8px;margin:13px 0}.subtel-regulation-dialog__requirements article{padding:11px 12px}.subtel-regulation-dialog__requirements p{margin-top:4px}.subtel-regulation-dialog__actions{grid-template-columns:1fr}.subtel-regulation-dialog__actions button,.subtel-regulation-dialog__actions a{min-height:46px}}
@media(prefers-reduced-motion:reduce){.subtel-regulation-overlay.is-open .subtel-regulation-dialog{animation:none}}
.commercial-ticker{position:fixed;z-index:9000;right:0;bottom:0;left:0;display:grid;grid-template-columns:minmax(0,1fr) auto;min-height:68px;background:linear-gradient(90deg,#071d3d,#0b3971);color:#fff;box-shadow:0 -8px 28px rgba(4,20,45,.2)}.commercial-ticker-viewport{display:flex;align-items:center;min-width:0;overflow:hidden}.commercial-ticker-track{display:flex;align-items:center;width:max-content;will-change:transform;animation:commercial-ticker-scroll 30s linear infinite}.commercial-ticker-track span{display:flex;align-items:center;flex:0 0 auto;min-height:68px;padding-inline:30px;font-weight:750;white-space:nowrap}.commercial-ticker-track span strong{color:#74f1e1;font-weight:950}.commercial-ticker-track span:after{content:"•";margin-left:30px;color:#ff9a3d;font-size:1.15rem}.commercial-ticker>a{display:grid;grid-template-columns:38px auto;align-content:center;align-items:center;column-gap:9px;min-width:210px;padding:9px 22px;background:#0b8f64;color:#fff;text-decoration:none}.commercial-ticker>a>img{grid-row:1/3;width:34px;height:34px;object-fit:contain}.commercial-ticker>a strong,.commercial-ticker>a small{display:block;line-height:1.2}.commercial-ticker>a small{color:#eafff7}.commercial-ticker>a:hover{background:#087652}@keyframes commercial-ticker-scroll{to{transform:translateX(-50%)}}
.contact-entry-overlay{position:fixed;z-index:10000;inset:0;display:grid;place-items:center;padding:20px;background:rgba(3,15,34,.72);backdrop-filter:blur(6px)}.contact-entry-overlay[hidden]{display:none}.contact-entry-dialog{position:relative;width:min(560px,100%);max-height:calc(100vh - 32px);overflow:auto;padding:30px;border-radius:24px;background:#fff;box-shadow:0 30px 90px rgba(0,0,0,.34)}.contact-entry-close{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:42px;height:42px;border:0;border-radius:50%;background:#eef3fa;color:#10213d;font-size:1.7rem;cursor:pointer}.contact-entry-brand{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding-right:50px}.contact-entry-brand img{width:46px;height:46px;border-radius:10px;object-fit:cover}.contact-entry-brand strong,.contact-entry-brand span{display:block}.contact-entry-brand strong{font-size:1.15rem;color:#10213d}.contact-entry-brand span{font-size:.85rem;color:#607089}.contact-entry-dialog h2{margin:0 0 10px;color:#10213d;font-size:clamp(1.75rem,5vw,2.45rem);line-height:1.05}.contact-entry-dialog>p:not(.activation-kicker){color:#53647c;line-height:1.55}.contact-entry-options{display:grid;gap:10px;margin:22px 0}.contact-option{display:flex;align-items:center;gap:13px;min-width:0;padding:14px 16px;border-radius:14px;background:#f1f5fa;color:#10213d;text-decoration:none}.contact-option>span:first-child{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:50%;background:#dce7f6;color:#0b55c7;font-weight:900}.contact-option strong,.contact-option small{display:block}.contact-option small{overflow-wrap:anywhere;color:#52627a}.contact-option-whatsapp{background:#e7f8f1}.contact-option-whatsapp>span:first-child{background:#0b8f64;color:#fff}.contact-entry-continue{width:100%;min-height:50px;padding:12px 18px;border:0;border-radius:13px;background:#0b55c7;color:#fff;font:inherit;font-weight:900;cursor:pointer}.contact-entry-safety{margin-bottom:0;font-size:.82rem;text-align:center}.contact-entry-overlay.is-open .contact-entry-dialog{animation:contact-pop .22s ease-out}@keyframes contact-pop{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
.contact-entry-audiences{display:flex;flex-wrap:wrap;gap:7px;margin:16px 0}.contact-entry-audiences span{padding:7px 10px;border-radius:999px;background:#eaf2fd;color:#173b70;font-size:.78rem;font-weight:800}.contact-entry-buy-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0 10px}.contact-entry-buy,.contact-entry-quote{display:flex;align-items:center;justify-content:center;min-height:50px;padding:11px 14px;border-radius:13px;text-align:center;text-decoration:none;font-weight:900}.contact-entry-buy{background:#0b55c7;color:#fff}.contact-entry-quote{background:#0b8f64;color:#fff}.contact-entry-shipping{margin:0;padding:11px 13px;border-radius:11px;background:#fff4d8;color:#5f4505!important;font-size:.86rem}.contact-entry-options{grid-template-columns:1fr 1fr 1fr}.contact-entry-options .contact-option{display:block;padding:12px;text-align:center}.contact-entry-options .contact-option>span:first-child{margin:0 auto 7px}.contact-entry-options .contact-option small{font-size:.72rem}
.contact-entry-dialog{isolation:isolate}.contact-entry-dialog::before{content:"";position:absolute;z-index:0;inset:0 0 auto;height:310px;border-radius:inherit;background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.9) 46%,rgba(255,255,255,.32) 100%),url("assets/contact/chip-prepago-colores-popup-v1.webp") center top/cover no-repeat;opacity:.42;pointer-events:none}.contact-entry-dialog>*:not(.contact-entry-close){position:relative;z-index:1}.contact-entry-close{z-index:3}.contact-option__logo{display:block;width:40px;height:40px;margin:0 auto 7px;object-fit:contain}.contact-option-whatsapp .contact-option__logo{border-radius:50%}
.activation-hero{max-width:none;padding:64px max(24px,calc((100vw - 1180px)/2));background:linear-gradient(125deg,#06172f 0%,#123d78 62%,#0876bb 100%);color:#fff}.activation-breadcrumb{display:flex;gap:10px;margin-bottom:34px;color:#d8e8ff;font-size:.9rem}.activation-breadcrumb a{color:#fff}.activation-hero-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:48px;align-items:center}.activation-kicker{margin:0 0 8px;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;font-weight:800;color:#087bb9}.activation-hero .activation-kicker{color:#7de5ee}.activation-hero h1{max-width:760px;margin:0;font-size:clamp(2.5rem,6vw,4.9rem);line-height:.98;color:#fff}.activation-lead{max-width:700px;font-size:1.18rem;line-height:1.65;color:#e7f0ff}.activation-primary-link,.official-start,.official-help,.connect-whatsapp{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border-radius:12px;font-weight:800;text-decoration:none}.activation-primary-link{background:#fff;color:#09234b}.activation-review-card{padding:24px;border-radius:20px;background:rgba(4,20,47,.78);box-shadow:0 18px 40px rgba(0,0,0,.2)}.activation-review-card strong{display:block}.activation-review-card [data-review-status]{margin-bottom:9px;color:#7de5ee;font-size:1.05rem;line-height:1.25}.activation-review-card p{margin:0;color:#d8e8ff;line-height:1.55}
.activation-hero-points{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.activation-hero-points span{padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.12);color:#eaf4ff;font-size:.78rem;font-weight:800}.activation-quick-nav{position:sticky;z-index:60;top:var(--header-height,76px);padding:10px 20px;border-bottom:1px solid #dbe5f2;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);box-shadow:0 8px 24px rgba(15,43,78,.08)}.activation-quick-nav>div{display:flex;gap:8px;max-width:1180px;margin:auto;overflow-x:auto;scrollbar-width:none}.activation-quick-nav>div::-webkit-scrollbar{display:none}.activation-quick-nav a{display:flex;align-items:center;gap:7px;flex:0 0 auto;min-height:44px;padding:7px 11px;border-radius:10px;color:#354a66;text-decoration:none;font-size:.83rem;font-weight:800}.activation-quick-nav a:hover,.activation-quick-nav a.is-current{background:#eaf2fd;color:#0b55c7}.activation-quick-nav a span{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#dbe8fa;color:#0b55c7;font-size:.72rem}#companias,#documento,#tramite,#requisitos,#pasos,#seguridad,#problemas,#ayuda{scroll-margin-top:136px}
.activation-biometric{display:grid;grid-template-columns:auto 1fr;gap:20px;margin-top:32px;padding-top:28px;padding-bottom:28px;border-radius:20px;background:#e8f7ff}.activation-notice-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#087bb9;color:#fff;font-weight:900}.activation-biometric h2,.activation-section-heading h2,.activation-security h2,.activation-role h2{margin:0 0 8px;color:var(--act-ink)}.activation-biometric p{margin:0 0 8px;line-height:1.6}
.activation-workspace,.activation-troubleshooting{padding-top:64px;padding-bottom:64px}.activation-section-heading{max-width:760px;margin-bottom:24px}.activation-section-heading p:last-child{color:var(--act-muted)}
.operator-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.operator-tab{display:flex;align-items:center;justify-content:center;gap:12px;min-height:86px;padding:14px;border:0;border-radius:16px;background:#eef3fa;color:var(--act-ink);font:inherit;font-weight:800;cursor:pointer;box-shadow:inset 0 0 0 2px transparent}.operator-tab img{width:64px;height:34px;object-fit:contain}.operator-tab:hover{background:#e3ebf7}.operator-tab.is-active{background:#fff;box-shadow:inset 0 0 0 3px var(--operator),0 10px 28px rgba(20,54,95,.12)}.operator-tab:focus-visible,.mode-tab:focus-visible,.faq-button:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid var(--act-focus);outline-offset:3px}
.operator-tab[data-operator=wom] img{padding:7px 9px;border-radius:8px;background:#6b1b9a}.operator-guide.operator-wom .operator-identity img{background:#6b1b9a}
.activation-visual-route{display:grid;grid-template-columns:180px 1fr;gap:22px;align-items:center;margin:24px 28px 0;padding:18px 20px;border-radius:18px;background:linear-gradient(120deg,color-mix(in srgb,var(--operator),#fff 94%),#f8fafc)}.activation-visual-title span,.activation-visual-title strong{display:block}.activation-visual-title span{margin-bottom:4px;color:var(--operator);font-size:.74rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.activation-visual-title strong{color:#1b304d;line-height:1.2}.activation-visual-route ol{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0;padding:0;list-style:none}.activation-visual-route li{position:relative;display:grid;justify-items:center;gap:7px;min-width:0;text-align:center}.activation-visual-route li:not(:last-child):after{content:"";position:absolute;top:24px;right:-12px;width:14px;height:2px;background:color-mix(in srgb,var(--operator),#fff 65%)}.activation-visual-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:15px;background:#fff;color:var(--operator);box-shadow:0 7px 18px rgba(15,48,85,.1)}.activation-visual-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.activation-visual-route li>span:last-child{color:#354a66;font-size:.75rem;font-weight:800;line-height:1.25}.activation-visual-route b{display:none}
.operator-guide{--operator:#0057b8;overflow:hidden;border-radius:24px;background:#fff;box-shadow:0 18px 55px rgba(16,47,86,.14)}.operator-guide.operator-claro{--operator:#da291c}.operator-guide.operator-wom{--operator:#6b1b9a}.operator-guide.operator-movistar{--operator:#019be1}.operator-guide-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 28px;background:linear-gradient(110deg,var(--operator),color-mix(in srgb,var(--operator),#081a36 42%));color:#fff}.operator-identity{display:flex;align-items:center;gap:18px}.operator-identity img{width:84px;height:48px;padding:7px;border-radius:10px;background:#fff;object-fit:contain}.operator-identity p,.operator-identity h2{margin:0;color:#fff}.operator-identity p{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em}.guide-status{padding:7px 11px;border-radius:99px;background:rgba(255,255,255,.18);font-size:.8rem;font-weight:800}.mode-picker,.guide-summary,.guide-layout,.guide-note,.official-actions,.external-note{margin-inline:28px}.mode-picker{padding-top:28px}.mode-picker h3{margin:0 0 12px}.mode-tabs{display:flex;flex-wrap:wrap;gap:8px}.mode-tab{min-height:42px;padding:10px 14px;border:0;border-radius:99px;background:#eef3fa;color:#263a58;font:inherit;font-weight:750;cursor:pointer}.mode-tab[aria-pressed=true],.mode-tab[aria-selected=true]{background:var(--operator);color:#fff}.mode-tab[disabled]{opacity:.5;cursor:not-allowed}.guide-summary{margin-top:20px;padding:16px 18px;border-radius:14px;background:color-mix(in srgb,var(--operator),#fff 92%);color:#253650}.guide-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(250px,.55fr);gap:28px;padding:28px 0}.guide-main h3,.guide-prerequisites h3{margin-top:0}.official-steps{display:grid;gap:13px;margin:0;padding:0;list-style:none;counter-reset:steps}.official-steps li{display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:start;line-height:1.5}.official-steps li:before{counter-increment:steps;content:counter(steps);display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--operator);color:#fff;font-weight:900}.guide-prerequisites{padding:20px;border-radius:16px;background:#f3f6fa}.guide-prerequisites ul{margin:0;padding-left:20px}.guide-prerequisites li+li{margin-top:10px}.guide-note{padding:14px 16px;border-radius:12px;background:#fff4d9;color:#5c4100}.official-actions{display:flex;flex-wrap:wrap;gap:10px;padding-top:4px}.official-start{background:var(--operator);color:#fff}.official-help{box-shadow:inset 0 0 0 2px var(--operator);color:var(--operator)}.external-note{margin-top:12px;padding-bottom:28px;color:var(--act-muted);font-size:.88rem}
.operator-complaints{margin:24px 28px 28px;border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--operator),#fff 94%),#f7faff);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--operator),#fff 78%)}.operator-complaints__toggle{display:grid;grid-template-columns:58px minmax(0,1fr) 30px;align-items:center;gap:14px;width:100%;min-height:86px;padding:14px 18px;border:0;border-radius:18px;background:transparent;color:#172b49;text-align:left;font:inherit;cursor:pointer}.operator-complaints__number{display:grid;place-items:center;width:58px;height:58px;border-radius:16px;background:var(--operator);color:#fff;font-size:1.28rem;font-weight:950;letter-spacing:.03em}.operator-complaints__toggle strong,.operator-complaints__toggle small{display:block}.operator-complaints__toggle strong{font-size:1.08rem}.operator-complaints__toggle small{margin-top:4px;color:#5c6e86}.operator-complaints__indicator{color:var(--operator);font-size:1.7rem;font-weight:800;text-align:center}.operator-complaints__panel{padding:0 20px 22px}.operator-complaints__lead{margin:0 0 14px;padding:14px 16px;border-radius:13px;background:#fff;color:#243954;line-height:1.55}.operator-complaints__details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.operator-complaints__details p{margin:0;padding:12px;border-radius:12px;background:#fff;color:#354963;line-height:1.45}.operator-complaints__panel ol{margin:18px 0;padding-left:23px;color:#354963;line-height:1.55}.operator-complaints__panel li+li{margin-top:7px}.operator-complaints__privacy{padding:12px 14px;border-radius:12px;background:#fff2d8;color:#5c4100;font-weight:700;line-height:1.5}.operator-complaints__links{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}.operator-complaints__links a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 14px;border-radius:11px;background:var(--operator);color:#fff;text-decoration:none;font-weight:850}.operator-complaints__links a:last-child{background:#fff;color:var(--operator);box-shadow:inset 0 0 0 2px var(--operator)}.operator-complaints__review{display:block;margin-top:12px;color:#687891}.operator-complaints__toggle:focus-visible{outline:3px solid var(--act-focus);outline-offset:3px}
.activation-security{padding-top:36px;padding-bottom:36px;border-radius:22px;background:#fff0f0;color:#451719}.activation-security .activation-kicker{color:#b42318}.activation-security ul{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:0;list-style:none}.activation-security li{padding:12px;border-radius:10px;background:#fff;font-weight:700}
.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.faq-item{border-radius:14px;background:#f3f6fa}.faq-button{display:flex;justify-content:space-between;gap:16px;width:100%;padding:18px;border:0;background:transparent;color:var(--act-ink);text-align:left;font:inherit;font-weight:800;cursor:pointer}.faq-button:after{content:"+";font-size:1.35rem}.faq-button[aria-expanded=true]:after{content:"−"}.faq-answer{padding:0 18px 18px;color:#3d4d64;line-height:1.6}.faq-answer p{margin:0}.faq-answer a{display:inline-block;margin-top:10px;font-weight:800}
.faq-search{max-width:650px;margin:-4px 0 24px}.faq-search label{display:block;margin-bottom:7px;color:#243954;font-weight:800}.faq-search>div{display:flex;align-items:center;gap:10px;padding:0 14px;border:2px solid #d8e3f1;border-radius:14px;background:#fff}.faq-search>div:focus-within{border-color:#0b55c7;box-shadow:0 0 0 3px rgba(11,85,199,.12)}.faq-search input{width:100%;min-height:48px;border:0;outline:0;background:transparent;color:#10213d;font:inherit}.faq-search-status{margin:7px 2px 0;color:#687891;font-size:.8rem}.faq-item[hidden]{display:none}
.guide-progress{margin:0 0 18px;padding:14px 16px;border-radius:14px;background:#f3f6fa}.guide-progress>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px}.guide-progress strong{color:#243954;font-size:.9rem}.guide-progress button{border:0;background:transparent;color:var(--operator);font:inherit;font-size:.8rem;font-weight:900;cursor:pointer}.guide-progress-track{height:8px;margin-top:10px;overflow:hidden;border-radius:999px;background:#dbe4ef}.guide-progress-track span{display:block;width:0;height:100%;border-radius:inherit;background:var(--operator);transition:width .2s ease}.guide-progress p{margin:7px 0 0;color:#687891;font-size:.78rem}.official-steps li:before{display:none}.step-check{display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:11px;background:var(--operator);color:#fff;font:inherit;font-weight:900;cursor:pointer}.step-check:before{counter-increment:steps;content:counter(steps)}.step-check[aria-pressed=true]{background:#087f5b}.step-check[aria-pressed=true]:before{content:"✓"}.official-steps li.is-complete>span{color:#65758a;text-decoration:line-through;text-decoration-thickness:1px}.step-check:focus-visible{outline:3px solid var(--act-focus);outline-offset:3px}
.activation-role{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:64px;padding-top:38px;padding-bottom:38px;border-radius:22px;background:#eaf2fd}.activation-role>div:first-child{align-self:center}.activation-help-card{padding:24px;border-radius:18px;background:#fff}.activation-help-card h3{margin-top:0}.activation-help-card li+li{margin-top:7px}.connect-whatsapp{width:100%;background:#087f5b;color:#fff}.activation-buy-another{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;margin-top:10px;padding:12px 18px;border-radius:12px;background:#0b55c7;color:#fff;text-align:center;text-decoration:none;font-weight:900}.activation-buy-another:hover{background:#073f98}.activation-free-shipping{display:block;margin-top:7px;color:#687891;text-align:center;line-height:1.35}.privacy-note{margin-bottom:0;color:var(--act-muted);font-size:.85rem}.activation-validity{display:flex;justify-content:space-between;gap:24px;padding-top:24px;padding-bottom:24px;border-top:1px solid var(--act-line);color:var(--act-muted);font-size:.9rem}.activation-validity p{margin:0}.activation-validity div{display:flex;gap:14px;white-space:nowrap}
@media(max-width:800px){.activation-hero{padding-top:38px;padding-bottom:42px}.activation-hero-grid,.guide-layout,.activation-role{grid-template-columns:1fr}.activation-review-card{margin-top:4px}.operator-tabs{grid-template-columns:repeat(2,1fr)}.operator-tab{min-height:78px}.activation-security ul{grid-template-columns:1fr 1fr}.faq-grid{grid-template-columns:1fr}.activation-validity{display:block}.activation-validity div{flex-wrap:wrap;margin-top:12px}.site-nav{max-height:calc(100vh - 70px);overflow:auto}.mode-tabs{display:grid;grid-template-columns:1fr 1fr}.mode-tab{border-radius:12px}.operator-guide-header{align-items:flex-start}.guide-status{display:none}}
@media(max-width:800px){.activation-visual-route{grid-template-columns:1fr;margin-inline:18px}.activation-visual-title{text-align:center}.activation-visual-route ol{grid-template-columns:repeat(4,minmax(72px,1fr));overflow-x:auto;padding-bottom:4px;scroll-snap-type:x proximity}.activation-visual-route li{scroll-snap-align:start}.activation-visual-route li:not(:last-child):after{display:none}}
@media(max-width:800px){.activation-quick-nav{top:var(--header-height,70px);padding-inline:12px}.activation-quick-nav a{min-height:44px;padding-inline:9px}.activation-quick-nav a span{display:none}#companias,#documento,#tramite,#requisitos,#pasos,#seguridad,#problemas,#ayuda{scroll-margin-top:126px}}
@media(max-width:430px){.activation-hero,.activation-biometric,.activation-workspace,.activation-security,.activation-troubleshooting,.activation-role,.activation-validity{padding-inline:16px}.activation-hero h1{font-size:2.65rem}.activation-biometric{grid-template-columns:1fr;margin-inline:12px}.operator-tabs{gap:8px}.operator-tab{flex-direction:column;gap:5px;padding:10px}.operator-tab img{width:58px;height:28px}.operator-guide{border-radius:18px}.operator-guide-header{padding:18px}.operator-identity img{width:66px}.mode-picker,.guide-summary,.guide-layout,.guide-note,.official-actions,.external-note{margin-inline:18px}.mode-tabs{grid-template-columns:1fr}.activation-security{margin-inline:12px}.activation-security ul{grid-template-columns:1fr}.activation-role{margin-inline:12px}.official-actions a{width:100%}}
@media(max-width:430px){.activation-visual-route{padding:16px 12px}.activation-visual-route ol{grid-template-columns:repeat(4,78px);justify-content:start}.activation-visual-icon{width:46px;height:46px}.activation-visual-route li>span:last-child{font-size:.69rem}}
@media(max-width:430px){.contact-entry-overlay{padding:10px}.contact-entry-dialog{padding:18px 16px;border-radius:20px}.contact-entry-dialog::before{height:270px;background-position:58% top;opacity:.34}.contact-entry-brand{margin-bottom:10px}.contact-entry-dialog h2{font-size:1.7rem}.contact-entry-audiences{margin:10px 0}.contact-entry-buy-actions{grid-template-columns:1fr;gap:7px;margin:12px 0 8px}.contact-entry-buy,.contact-entry-quote{min-height:44px}.contact-entry-shipping{padding:8px 10px}.contact-entry-options{grid-template-columns:1fr;margin:10px 0;gap:7px}.contact-entry-options .contact-option{display:flex;padding:8px 10px;text-align:left}.contact-entry-options .contact-option__logo{flex:0 0 36px;width:36px;height:36px;margin:0}.contact-entry-audiences span{font-size:.72rem}}
@media(max-width:600px){body{padding-bottom:62px}.commercial-ticker{min-height:62px;grid-template-columns:minmax(0,1fr) 132px}.commercial-ticker-track span{min-height:62px;padding-inline:18px;font-size:.78rem}.commercial-ticker-track span:after{margin-left:18px}.commercial-ticker>a{grid-template-columns:30px 1fr;min-width:0;padding:8px 9px;column-gap:6px}.commercial-ticker>a strong{font-size:.76rem}.commercial-ticker>a small{font-size:.62rem}.commercial-ticker>a>img{width:28px;height:28px}}
@media(max-width:600px){.operator-complaints{margin:20px 18px 24px}.operator-complaints__toggle{grid-template-columns:50px minmax(0,1fr) 24px;gap:10px;padding:12px}.operator-complaints__number{width:50px;height:50px;border-radius:14px;font-size:1.08rem}.operator-complaints__toggle strong{font-size:.94rem}.operator-complaints__toggle small{font-size:.72rem}.operator-complaints__panel{padding:0 14px 16px}.operator-complaints__details{grid-template-columns:1fr}.operator-complaints__links{display:grid}.operator-complaints__links a{width:100%;text-align:center}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.commercial-ticker-track{animation:none}.commercial-ticker-viewport{overflow-x:auto}}

/* Connectio: instructor visual de activación */
.activation-hero-grid{grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr)}
.activation-hero-instructor{position:relative;align-self:end;min-height:470px}.activation-hero-instructor>.connectio-character{position:absolute;right:0;bottom:0;width:min(100%,420px);height:auto;max-height:420px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 24px 28px rgba(0,0,0,.2));animation:connectioEnter .45s ease-out}.connectio-hero-message{position:absolute;z-index:2;top:0;left:-18px;max-width:285px;padding:15px 17px;border-radius:18px 18px 4px 18px;background:#fff;color:#142a49;box-shadow:0 14px 34px rgba(0,0,0,.18)}.connectio-hero-message strong,.connectio-hero-message span{display:block}.connectio-hero-message span{margin-top:4px;color:#52647d;font-size:.88rem;line-height:1.45}.activation-hero-instructor .activation-review-card{position:absolute;z-index:3;right:auto;bottom:22px;left:-36px;width:210px;padding:14px 16px;border:1px solid rgba(255,255,255,.2);border-radius:16px}.activation-hero-instructor .activation-review-card p{font-size:.72rem}
.connectio-character{display:block;width:min(100%,420px);height:auto;object-fit:contain}
.activation-biometric{grid-template-columns:auto 150px 1fr;align-items:center}.connectio-biometric-image{width:150px;height:150px;object-fit:contain}.connectio-inline-message{margin-top:12px!important;padding:11px 13px;border-radius:12px;background:#fff;color:#1d3e64;font-size:.9rem}
.connectio-guide{display:grid;grid-template-columns:150px 1fr;align-items:center;gap:24px;margin-bottom:22px;padding:20px 24px;border:1px solid rgba(30,112,255,.18);border-radius:24px;background:radial-gradient(circle at 10% 20%,rgba(35,141,255,.12),transparent 38%),#fff;box-shadow:0 16px 45px rgba(4,32,84,.08)}.connectio-guide img{width:100%;height:150px;object-fit:contain}.connectio-guide__name{display:inline-block;margin-bottom:8px;color:#1468d4;font-size:.85rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.connectio-guide__content p{margin:0;color:#172238;font-size:clamp(1rem,1.5vw,1.15rem);line-height:1.6}
.activation-visual-route{grid-template-columns:245px 1fr}.activation-visual-title{display:grid;grid-template-columns:92px 1fr;align-items:center;gap:10px;text-align:left}.activation-visual-title img{width:92px;height:92px;object-fit:contain}.activation-visual-title small{display:block;margin-top:5px;color:#53647c;font-size:.72rem;line-height:1.35}
.guide-prerequisites>img{display:block;width:150px;height:150px;margin:-8px auto 4px;object-fit:contain}.guide-prerequisites>p{margin:-4px 0 14px;color:#53647c;font-size:.88rem}.prerequisite-cards{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:0!important;list-style:none}.prerequisite-cards li{margin:0!important;padding:9px 10px;border-radius:10px;background:#fff;color:#263d5a;font-size:.78rem;font-weight:800}.guide-prerequisites>small{display:block;margin-top:12px;color:#687891;line-height:1.4}
.activation-security{display:grid;grid-template-columns:190px 1fr;align-items:center;gap:26px;border:2px solid #f1b9b9}.activation-security>img{width:190px;height:220px;object-fit:contain}.activation-security ul{margin-bottom:0}.connectio-security-message{padding:12px 14px;border-left:5px solid #b42318;border-radius:8px;background:#fff;color:#451719;font-weight:800}
.activation-problem-heading{display:grid;grid-template-columns:170px 1fr;align-items:center;gap:20px;max-width:900px}.activation-problem-heading>img{width:170px;height:170px;object-fit:contain}.connectio-problem-message{padding:11px 13px;border-radius:12px;background:#eaf3ff;color:#173b70!important;font-weight:800}
.activation-role-intro{display:grid;grid-template-columns:170px 1fr;align-items:center;gap:20px}.activation-role-intro>img{width:170px;height:190px;object-fit:contain}.activation-role-intro p:last-child{margin-bottom:0}
.connectio-floating{position:fixed;z-index:8900;right:18px;bottom:92px;display:flex;align-items:flex-end;gap:10px;animation:connectioEnter .45s ease-out}.connectio-floating>button{display:grid;place-items:center;width:68px;height:68px;padding:0;border:2px solid #fff;border-radius:50%;background:#eaf3ff;box-shadow:0 12px 32px rgba(5,35,78,.22);cursor:pointer;overflow:hidden}.connectio-floating>button img{width:78px;height:78px;object-fit:contain;object-position:center top}.connectio-floating>div{position:relative;width:min(290px,calc(100vw - 130px));padding:16px 40px 16px 17px;border:1px solid #d5e4f7;border-radius:18px 18px 4px 18px;background:#fff;box-shadow:0 18px 50px rgba(4,32,84,.2)}.connectio-floating>div>[data-connectio-floating-close]{position:absolute;top:6px;right:7px;width:32px;height:32px;border:0;border-radius:50%;background:#eef3fa;color:#17304f;font-size:1.25rem;cursor:pointer}.connectio-floating strong{color:#0b55c7}.connectio-floating p{margin:5px 0 9px;color:#354a66;font-size:.86rem;line-height:1.4}.connectio-floating a{color:#0b55c7;font-size:.82rem;font-weight:900}.connectio-floating button:focus-visible{outline:3px solid var(--act-focus);outline-offset:3px}@keyframes connectioEnter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.connectio-floating[hidden]{display:none}
@media(max-width:900px){.activation-hero-grid{grid-template-columns:1fr}.activation-hero-instructor{min-height:370px}.activation-hero-instructor>.connectio-character{left:50%;right:auto;max-height:330px;transform:translateX(-50%)}.connectio-hero-message{left:0}.activation-hero-instructor .activation-review-card{right:0;left:auto}.activation-visual-route{grid-template-columns:1fr}.activation-security{grid-template-columns:150px 1fr}.activation-security>img{width:150px;height:180px}.activation-role-intro{grid-template-columns:130px 1fr}.activation-role-intro>img{width:130px;height:150px}}
@media(max-width:720px){.activation-hero-grid{gap:12px}.activation-hero-instructor{min-height:220px}.activation-hero-instructor>.connectio-character{max-height:190px}.connectio-hero-message{top:0;max-width:190px;padding:10px 12px}.connectio-hero-message span{font-size:.73rem}.activation-hero-instructor .activation-review-card{right:0;bottom:6px;width:175px}.activation-hero-instructor .activation-review-card p{display:none}.activation-biometric{grid-template-columns:74px 1fr}.activation-biometric .activation-notice-icon{display:none}.connectio-biometric-image{width:74px;height:96px}.connectio-guide{grid-template-columns:92px 1fr;gap:14px;padding:16px;text-align:left}.connectio-guide img{height:100px}.activation-visual-title{grid-template-columns:80px 1fr}.activation-visual-title img{width:80px;height:80px}.activation-security{grid-template-columns:1fr;text-align:left}.activation-security>img{width:130px;height:150px;margin:0 auto -18px}.activation-security ul{grid-template-columns:1fr 1fr}.activation-problem-heading{grid-template-columns:95px 1fr;gap:12px}.activation-problem-heading>img{width:95px;height:110px}.activation-role-intro{grid-template-columns:100px 1fr;gap:10px}.activation-role-intro>img{width:100px;height:120px}.connectio-floating{right:12px;bottom:76px}.connectio-floating>button{width:60px;height:60px}.connectio-floating>button img{width:70px;height:70px}}
@media(max-width:430px){.activation-hero-instructor .activation-review-card{display:none}.activation-biometric{grid-template-columns:1fr}.connectio-biometric-image{width:110px;height:110px;margin:0 auto -18px}.connectio-guide{grid-template-columns:78px 1fr;gap:10px}.connectio-guide img{height:88px}.connectio-guide__content p{font-size:.88rem}.activation-visual-title small{display:none}.prerequisite-cards{grid-template-columns:1fr}.activation-security ul{grid-template-columns:1fr}.activation-problem-heading{grid-template-columns:78px 1fr}.activation-problem-heading>img{width:78px;height:90px}.activation-role-intro{grid-template-columns:1fr;text-align:center}.activation-role-intro>img{width:120px;height:130px;margin:0 auto -12px}.connectio-floating>div{position:fixed;right:12px;bottom:144px;width:min(290px,calc(100vw - 24px))}}
@media(prefers-reduced-motion:reduce){.connectio-floating,.connectio-character,.activation-hero-instructor>.connectio-character{animation:none!important;transition:none!important}}

/* Connectio como apoyo de fondo: mayor presencia visual y menos espacio reservado */
.activation-hero{position:relative;overflow:hidden}
.activation-hero-grid{position:relative;z-index:1;display:block;min-height:390px}
.activation-hero-grid>div:first-child{position:relative;z-index:2;width:min(68%,760px)}
.activation-hero-instructor{position:absolute;inset:-28px 0 -48px auto;width:min(52%,620px);min-height:0;pointer-events:none}
.activation-hero-instructor>.connectio-character{right:-10px;bottom:-18px;width:560px;max-width:100%;max-height:560px;opacity:.32;filter:drop-shadow(0 24px 34px rgba(0,0,0,.18)) saturate(.9)}
.connectio-hero-message{top:44px;right:18px;left:auto;pointer-events:auto}
.activation-hero-instructor .activation-review-card{right:18px;bottom:42px;left:auto;pointer-events:auto}

.activation-biometric,.connectio-guide,.activation-security,.activation-problem-heading,.activation-role-intro,.guide-prerequisites,.activation-visual-title{position:relative;overflow:hidden}
.activation-biometric{grid-template-columns:auto 1fr}
.activation-biometric>div,.connectio-guide__content,.activation-security>div,.activation-problem-heading>div,.activation-role-intro>div,.guide-prerequisites>*:not(img),.activation-visual-title>div{position:relative;z-index:2}
.connectio-biometric-image,.connectio-guide>img,.activation-security>img,.activation-problem-heading>img,.activation-role-intro>img,.guide-prerequisites>img,.activation-visual-title>img{position:absolute;z-index:1;right:-12px;bottom:-34px;width:260px;height:260px;margin:0;object-fit:contain;opacity:.09;filter:saturate(.75);pointer-events:none}
.activation-biometric .connectio-biometric-image{right:20px;bottom:-48px;width:245px;height:245px}
.connectio-guide{display:block;min-height:132px;padding:28px 210px 28px 30px}
.connectio-guide>img{right:8px;bottom:-46px;width:230px;height:230px;opacity:.13}
.activation-security{display:block;padding-right:150px}
.activation-security>img{right:-28px;bottom:-52px;width:330px;height:330px;opacity:.1}
.activation-problem-heading{display:block;max-width:none;padding-right:180px}
.activation-problem-heading>img{right:10px;bottom:-62px;width:270px;height:270px}
.activation-role-intro{display:block;padding-right:190px}
.activation-role-intro>img{right:5px;bottom:-58px;width:275px;height:275px}
.guide-prerequisites{padding-top:24px}
.guide-prerequisites>img{right:-30px;bottom:-42px;width:230px;height:230px;opacity:.07}
.activation-visual-title{display:block;padding:18px 100px 18px 18px}
.activation-visual-title>img{right:-22px;bottom:-28px;width:150px;height:150px;opacity:.1}

@media(max-width:900px){
  .activation-hero-grid{display:block;min-height:350px}
  .activation-hero-grid>div:first-child{width:min(76%,720px)}
  .activation-hero-instructor{inset:-10px -36px -34px auto;width:58%}
  .activation-hero-instructor>.connectio-character{right:0;bottom:-8px;max-height:470px;transform:none}
  .connectio-hero-message{top:24px;right:38px;left:auto}
  .activation-hero-instructor .activation-review-card{right:38px;bottom:26px;left:auto}
  .activation-security{display:block;padding-right:110px}
  .activation-role-intro{display:block;padding-right:150px}
}

/* Material descargable para cliente y comercio. */
body[data-page="activacion"] .activation-downloads {
  margin: 32px auto;
  padding: clamp(22px, 4vw, 38px);
  border: 1px solid #c8d8ec;
  border-radius: 24px;
  background: linear-gradient(145deg, #f8fbff, #fff);
  box-shadow: 0 16px 40px rgba(5, 43, 91, .08);
}

.activation-downloads__header { max-width: 820px; margin-bottom: 24px; }
.activation-downloads__header h2 { margin: 5px 0 10px; color: #07275a; }
.activation-downloads__header > p:last-child { color: #43546b; line-height: 1.55; }
.activation-downloads__groups { display: grid; gap: 22px; }
.activation-download-group { padding: 20px; border: 1px solid #d8e3f0; border-radius: 20px; background: #fff; }
.activation-download-group--commerce { background: #f4f9ff; }
.activation-download-group__intro { display: flex; align-items: center; gap: 14px; margin-bottom: 16px; }
.activation-download-group__intro > span { display: grid; place-items: center; flex: 0 0 52px; width: 52px; height: 52px; border-radius: 16px; background: #e6f2ff; font-size: 1.55rem; }
.activation-download-group__intro h3 { margin: 2px 0 0; color: #092b61; font-size: clamp(1.05rem, 2.2vw, 1.35rem); }
.activation-download-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.activation-download-card { --download-accent: #0756c7; display: flex; min-width: 0; overflow: hidden; flex-direction: column; border: 1px solid #d7e1ee; border-top: 5px solid var(--download-accent); border-radius: 15px; background: #fff; color: #0a2857; text-decoration: none; box-shadow: 0 7px 18px rgba(7, 39, 86, .08); transition: transform .18s ease, box-shadow .18s ease; }
.activation-download-card:hover { transform: translateY(-3px); box-shadow: 0 12px 24px rgba(7, 39, 86, .14); }
.activation-download-card:focus-visible { outline: 3px solid #00a7e8; outline-offset: 3px; }
.activation-download-card.is-claro { --download-accent: #df0a16; }
.activation-download-card.is-wom { --download-accent: #5b177c; }
.activation-download-card.is-movistar { --download-accent: #0099d8; }
.activation-download-card img { width: 100%; aspect-ratio: 2 / 3; object-fit: cover; object-position: top; background: #eef3f8; }
.activation-download-card span { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 12px; }
.activation-download-card strong { color: var(--download-accent); }
.activation-download-card small { font-weight: 700; color: #42546e; }
.activation-downloads__note { margin: 20px 0 0; padding: 13px 15px; border-radius: 12px; background: #eaf5ff; color: #244465; }

.activation-qr-share { display:grid; grid-template-columns:190px minmax(0,1fr); align-items:center; gap:26px; max-width:980px; margin:42px auto; padding:24px 28px; border:1px solid #c9dff5; border-radius:22px; background:linear-gradient(135deg,#f2f9ff,#fff); box-shadow:0 14px 34px rgba(5,43,91,.08); }
.activation-qr-share img { width:170px; height:170px; padding:10px; border-radius:16px; background:#fff; box-shadow:0 8px 20px rgba(7,39,86,.12); }
.activation-qr-share h2 { margin:0 0 8px; color:#092b61; font-size:clamp(1.35rem,3vw,2rem); }
.activation-qr-share p { margin:0; color:#43546b; line-height:1.55; }
.activation-qr-share__safety { margin-top:10px!important; color:#173b70!important; }
.activation-qr-share a { display:inline-flex; align-items:center; min-height:44px; margin-top:15px; padding:10px 14px; border-radius:10px; background:#0b55c7; color:#fff; font-weight:800; text-decoration:none; }
.activation-qr-share a:hover { background:#083f97; }

@media(max-width:800px) {
  .activation-download-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media(max-width:480px) {
  body[data-page="activacion"] .activation-downloads { padding: 18px 14px; border-radius: 18px; }
  .activation-download-group { padding: 14px; }
  .activation-download-grid { grid-template-columns: minmax(0, 1fr); }
  .activation-download-card { display: grid; grid-template-columns: 92px minmax(0, 1fr); min-height: 132px; border-top-width: 1px; border-left: 5px solid var(--download-accent); }
  .activation-download-card img { width: 92px; height: 132px; aspect-ratio: auto; }
  .activation-download-card span { flex-direction: column; align-items: flex-start; justify-content: center; }
  .activation-qr-share { grid-template-columns:1fr; gap:16px; margin:26px 14px; padding:20px; text-align:center; }
  .activation-qr-share img { margin:auto; }
}

@media(max-width:720px){
  .activation-hero-grid{min-height:0}
  .activation-hero-grid>div:first-child{width:100%}
  .activation-hero-instructor{inset:0 -95px 0 auto;width:78%}
  .activation-hero-instructor>.connectio-character{right:0;bottom:-20px;width:390px;max-height:390px;opacity:.12;transform:none}
  .connectio-hero-message,.activation-hero-instructor .activation-review-card{display:none}
  .activation-biometric{grid-template-columns:auto 1fr}
  .connectio-guide{display:block;padding:22px 110px 22px 20px;text-align:left}
  .connectio-guide>img{right:-28px;bottom:-38px;width:180px;height:180px;opacity:.1}
  .activation-security{display:block;padding-right:24px}
  .activation-security>img{right:-62px;bottom:-36px;width:235px;height:235px;margin:0;opacity:.07}
  .activation-problem-heading{display:block;padding-right:75px}
  .activation-problem-heading>img{right:-55px;bottom:-32px;width:180px;height:180px;opacity:.07}
  .activation-role-intro{display:block;padding-right:70px;text-align:left}
  .activation-role-intro>img{right:-55px;bottom:-35px;width:180px;height:180px;margin:0;opacity:.07}
}

@media(max-width:430px){
  .activation-hero-instructor{right:-120px;width:96%}
  .activation-hero-instructor>.connectio-character{width:360px;max-height:360px;opacity:.1}
  .activation-biometric{grid-template-columns:1fr}
  .connectio-biometric-image{right:-45px!important;bottom:-28px!important;width:170px!important;height:170px!important;margin:0!important;opacity:.07}
  .connectio-guide{padding-right:82px}
  .connectio-guide>img{right:-54px;width:160px;height:160px;opacity:.07}
}

/* Fluid activation guard: keeps this page inside the current viewport at every size. */
body[data-page="activacion"],
body[data-page="activacion"] main {
  max-width: 100%;
  overflow-x: clip;
}

.commercial-ticker,
.commercial-ticker-viewport {
  max-width: 100vw;
  overflow: hidden;
}

.commercial-ticker-track {
  max-width: none;
}

.activation-validity {
  align-items: flex-start;
  flex-wrap: wrap;
  max-width: min(1180px, 100%);
  overflow: hidden;
}

.activation-validity p {
  flex: 1 1 420px;
  min-width: 0;
}

.activation-validity div {
  flex: 1 1 260px;
  min-width: 0;
  flex-wrap: wrap;
  justify-content: flex-end;
  white-space: normal;
}

.activation-validity a {
  overflow-wrap: anywhere;
}

.activation-hero-grid,
.activation-hero-instructor,
.activation-biometric,
.connectio-guide,
.activation-security,
.activation-problem-heading,
.activation-role-intro,
.guide-prerequisites,
.activation-visual-title {
  max-width: 100%;
}

.activation-security {
  overflow: hidden;
}

.activation-security > img,
.connectio-biometric-image,
.connectio-guide > img,
.activation-problem-heading > img,
.activation-role-intro > img,
.guide-prerequisites > img,
.activation-visual-title > img {
  max-width: min(100%, 330px);
}

@media (max-width: 1100px) {
  .activation-validity {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }

  .activation-validity div {
    justify-content: flex-start;
  }
}

/* Mobile visual audit: keep instructor art inside the viewport and simplify the guide. */
@media (max-width: 680px) {
  body[data-page="activacion"] {
    overflow-x: hidden;
  }

  .activation-hero {
    padding-top: 34px;
    padding-bottom: 34px;
  }

  .activation-hero h1 {
    font-size: clamp(2.05rem, 10vw, 2.65rem);
    line-height: 1.04;
  }

  .activation-lead {
    font-size: 1rem;
    line-height: 1.55;
  }

  .activation-hero-grid {
    min-height: auto !important;
  }

  .activation-hero-instructor {
    display: none;
  }

  .activation-quick-nav {
    top: 72px;
    padding: 8px 12px;
  }

  .activation-quick-nav > div {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 4px;
    overflow: visible;
  }

  .activation-quick-nav a {
    justify-content: center;
    min-width: 0;
    min-height: 44px;
    padding: 6px 4px;
    font-size: .72rem;
  }

  #companias,
  #documento,
  #tramite,
  #requisitos,
  #pasos,
  #seguridad,
  #problemas,
  #ayuda {
    scroll-margin-top: 168px;
  }

  .operator-tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .operator-tab {
    min-height: 68px;
    border-radius: 14px;
    font-size: .88rem;
  }

  .operator-tab img {
    width: 54px;
    height: 28px;
  }

  .activation-visual-route {
    margin: 16px 14px 0;
    padding: 14px;
  }

  .activation-visual-route ol {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px 10px;
    overflow: visible;
  }

  .activation-biometric,
  .activation-security,
  .activation-role {
    margin-left: 0;
    margin-right: 0;
  }

  .connectio-character,
  .connectio-biometric-image,
  .connectio-guide > img,
  .activation-security > img,
  .activation-problem-heading > img,
  .activation-role-intro > img,
  .guide-prerequisites > img,
  .activation-visual-title > img {
    max-width: calc(100vw - 48px);
  }

  .connectio-guide,
  .activation-problem-heading,
  .activation-role-intro {
    padding-right: 20px;
  }

  .connectio-guide > img,
  .activation-problem-heading > img,
  .activation-role-intro > img {
    display: none;
  }

  .guide-layout {
    gap: 18px;
  }

  .guide-prerequisites {
    padding: 16px;
  }

  .official-steps li {
    grid-template-columns: 36px minmax(0, 1fr);
    gap: 10px;
  }

  .faq-button {
    padding: 15px;
  }

  .connectio-floating {
    right: 10px;
    bottom: 72px;
  }
}

/* Etapa 8: reclamos 105 claros y vinculados a la compañía elegida. */
.operator-complaints {
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--operator), #fff 68%);
  background: #fff;
  box-shadow: 0 10px 28px rgba(16, 47, 86, .07);
}

.operator-complaints__toggle {
  border-bottom: 1px solid transparent;
  background: color-mix(in srgb, var(--operator), #fff 94%);
}

.operator-complaints__toggle[aria-expanded="true"] {
  border-bottom-color: color-mix(in srgb, var(--operator), #fff 72%);
}

.operator-complaints__toggle[aria-expanded="true"] .operator-complaints__indicator {
  background: var(--operator);
  color: #fff;
}

.operator-complaints__indicator {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #fff;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--operator), #fff 60%);
}

.operator-complaints__panel {
  padding-top: 18px;
}

.operator-complaints__lead {
  border-left: 5px solid var(--operator);
  background: #f5f8fc;
}

.operator-complaints__line-rule {
  position: relative;
  margin: 0 0 14px;
  padding: 14px 15px 14px 48px;
  border: 1px solid #efc987;
  border-radius: 13px;
  background: #fff7e5;
  color: #5b3c05;
  line-height: 1.5;
}

.operator-complaints__line-rule::before {
  content: "!";
  position: absolute;
  top: 14px;
  left: 15px;
  display: grid;
  place-items: center;
  width: 23px;
  height: 23px;
  border-radius: 50%;
  background: #a45a00;
  color: #fff;
  font-weight: 950;
}

.operator-complaints__scope {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-bottom: 14px;
}

.operator-complaints__scope span {
  padding: 6px 9px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--operator), #fff 90%);
  color: color-mix(in srgb, var(--operator), #071d3d 18%);
  font-size: .72rem;
  font-weight: 850;
}

.operator-complaints__details p {
  border: 1px solid #e1e9f3;
}

.operator-complaints__panel ol {
  padding: 16px 18px 16px 38px;
  border-radius: 14px;
  background: #f6f9fd;
}

.operator-complaints__review {
  padding-top: 10px;
  border-top: 1px solid #e1e9f3;
}

@supports not (color: color-mix(in srgb, #000, #fff)) {
  .operator-complaints {
    border-color: #cbd9ea;
  }

  .operator-complaints__toggle,
  .operator-complaints__scope span {
    background: #edf3fa;
  }

  .operator-complaints__scope span {
    color: #174a87;
  }
}

@media (max-width: 680px) {
  .operator-complaints__panel {
    padding-top: 14px;
  }

  .operator-complaints__line-rule {
    padding-right: 12px;
  }

  .operator-complaints__scope {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .operator-complaints__scope span {
    text-align: center;
  }

  .operator-complaints__scope span:last-child {
    grid-column: 1 / -1;
  }
}

/* Etapa 7: diagnóstico buscable y acordeones numerados. */
.faq-search {
  max-width: 760px;
}

.faq-search > div {
  min-height: 54px;
  padding-right: 8px;
  box-shadow: 0 7px 20px rgba(16, 47, 86, .05);
}

.faq-search > div > span {
  color: #0b55c7;
  font-size: 1.25rem;
  font-weight: 900;
}

.faq-search input {
  min-width: 0;
}

.faq-search [data-faq-clear] {
  flex: 0 0 auto;
  min-height: 38px;
  padding: 7px 11px;
  border: 0;
  border-radius: 9px;
  background: #e7eef8;
  color: #174a87;
  font: inherit;
  font-size: .78rem;
  font-weight: 900;
  cursor: pointer;
}

.faq-search-status {
  display: inline-flex;
  margin-top: 9px;
  padding: 5px 9px;
  border-radius: 999px;
  background: #e9f1fc;
  color: #234d82;
  font-weight: 800;
}

.faq-grid {
  gap: 12px;
}

.faq-item {
  overflow: hidden;
  border: 1px solid #dce6f2;
  background: #fff;
  box-shadow: 0 7px 20px rgba(16, 47, 86, .045);
}

.faq-button {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) 30px;
  align-items: center;
  gap: 11px;
  min-height: 66px;
  padding: 13px 15px;
}

.faq-button::after,
.faq-button[aria-expanded="true"]::after {
  content: none;
}

.faq-number {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 11px;
  background: #e8f1fc;
  color: #0b55c7;
  font-size: .72rem;
  font-weight: 950;
}

.faq-label {
  min-width: 0;
  line-height: 1.35;
}

.faq-indicator {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #edf3fa;
  color: #0b55c7;
  font-size: 1.15rem;
  font-weight: 900;
}

.faq-button[aria-expanded="true"] {
  background: #f1f6fd;
  color: #103e79;
}

.faq-button[aria-expanded="true"] .faq-number,
.faq-button[aria-expanded="true"] .faq-indicator {
  background: #0b55c7;
  color: #fff;
}

.activation-troubleshooting .faq-answer {
  max-width: none;
  padding: 0 18px 18px 64px;
  border-top: 1px solid #e1e9f3;
  background: #f8fbff;
}

.faq-answer p {
  padding-top: 15px;
}

.faq-answer a {
  min-height: 44px;
  padding: 9px 11px;
  border-radius: 9px;
  background: #fff;
  color: #0b55c7;
  text-decoration: none;
  box-shadow: inset 0 0 0 1px #cbd9ea;
}

@media (max-width: 680px) {
  .faq-search > div {
    min-height: 50px;
  }

  .faq-button {
    grid-template-columns: 34px minmax(0, 1fr) 28px;
    min-height: 62px;
    padding: 11px 12px;
  }

  .faq-number {
    width: 34px;
    height: 34px;
  }

  .activation-troubleshooting .faq-answer {
    padding: 0 13px 15px;
  }

  .faq-answer a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    text-align: center;
  }
}

/* Etapa 6: seguridad comprensible sin depender solo del rojo. */
.activation-security {
  border: 1px solid #e5b8b5;
  background:
    linear-gradient(135deg, rgba(255, 247, 246, .98), rgba(255, 251, 250, .96));
  box-shadow: 0 14px 34px rgba(91, 28, 24, .07);
}

.activation-security .activation-kicker {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 5px 9px;
  border-radius: 999px;
  background: #8f211c;
  color: #fff;
}

.activation-security h2 {
  margin-top: 4px;
  color: #361315;
}

.activation-security > div > p:not(.activation-kicker):not(.connectio-security-message) {
  max-width: 82ch;
  color: #5a3032;
  line-height: 1.6;
}

.connectio-security-message {
  position: relative;
  padding: 14px 16px 14px 48px;
  border: 1px solid #efc987;
  border-left: 5px solid #9c5800;
  background: #fff8e9;
  color: #573700;
  line-height: 1.5;
}

.connectio-security-message::before {
  content: "!";
  position: absolute;
  top: 14px;
  left: 15px;
  display: grid;
  place-items: center;
  width: 23px;
  height: 23px;
  border-radius: 50%;
  background: #9c5800;
  color: #fff;
  font-size: .82rem;
  font-weight: 950;
}

.security-rules {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.security-rules li {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  align-items: start;
  gap: 10px;
  min-width: 0;
  min-height: 112px;
  padding: 13px;
  border: 1px solid #ead5d3;
  border-radius: 14px;
  background: #fff;
  color: #3f2426;
  box-shadow: 0 7px 18px rgba(91, 28, 24, .045);
}

.security-rules li > span {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border: 2px solid #9e2c26;
  border-radius: 12px;
  color: #8f211c;
  font-size: .65rem;
  font-weight: 950;
}

.security-rules strong,
.security-rules small {
  display: block;
}

.security-rules strong {
  color: #401d20;
  font-size: .84rem;
  line-height: 1.25;
}

.security-rules small {
  margin-top: 5px;
  color: #6e5557;
  font-size: .72rem;
  line-height: 1.4;
}

@media (max-width: 900px) {
  .security-rules {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .activation-security {
    padding-top: 28px;
    padding-bottom: 28px;
    border-right: 0;
    border-left: 0;
    border-radius: 0;
  }

  .connectio-security-message {
    padding-right: 13px;
  }

  .security-rules {
    grid-template-columns: minmax(0, 1fr);
  }

  .security-rules li {
    min-height: 0;
  }
}

/* Etapa 3: requisitos previos fáciles de comprobar. */
.guide-prerequisites {
  padding: 24px;
  border: 1px solid #dce6f2;
  background: linear-gradient(135deg, #f4f8fd, #fff);
}

.guide-prerequisites h3 {
  margin-bottom: 6px;
  color: var(--act-ink);
  font-size: clamp(1.25rem, 2vw, 1.55rem);
}

.guide-prerequisites > p {
  margin: 0 0 16px;
  color: var(--act-muted);
}

.prerequisite-cards {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}

.prerequisite-cards li {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  align-content: start;
  gap: 4px 9px;
  min-width: 0;
  min-height: 116px;
  padding: 13px;
  border: 1px solid #dce6f2;
  border-radius: 14px;
  background: #fff;
  color: var(--act-ink);
  box-shadow: 0 7px 20px rgba(16, 47, 86, .05);
}

.prerequisite-cards li > span {
  display: grid;
  grid-row: 1 / 3;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background: color-mix(in srgb, var(--operator), #fff 88%);
  color: var(--operator);
  font-size: .72rem;
  font-weight: 950;
}

.prerequisite-cards strong,
.prerequisite-cards small {
  display: block;
  min-width: 0;
}

.prerequisite-cards strong {
  align-self: end;
  font-size: .86rem;
  line-height: 1.2;
}

.prerequisite-cards small {
  grid-column: 2;
  color: #65758a;
  font-size: .72rem;
  line-height: 1.35;
}

.prerequisite-cards .is-essential {
  border: 2px solid #c9342c;
  background: #fff8f7;
}

.prerequisite-cards .is-essential > span {
  background: #c9342c;
  color: #fff;
}

.prerequisite-cards .is-essential strong {
  color: #941f1a;
}

.prerequisite-safety {
  display: block;
  margin-top: 14px;
  padding: 10px 12px;
  border-left: 4px solid #d17a00;
  border-radius: 9px;
  background: #fff4d8;
  color: #5f4505 !important;
  font-weight: 750;
  line-height: 1.4;
}

@supports not (color: color-mix(in srgb, #000, #fff)) {
  .prerequisite-cards li > span {
    background: #e4edf9;
  }
}

@media (max-width: 900px) {
  .prerequisite-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .prerequisite-cards .is-essential {
    grid-column: 1 / -1;
  }
}

@media (max-width: 680px) {
  .guide-prerequisites {
    padding: 17px;
  }

  .prerequisite-cards li {
    min-height: 108px;
    padding: 11px;
  }
}

@media (max-width: 390px) {
  .prerequisite-cards {
    grid-template-columns: minmax(0, 1fr);
  }

  .prerequisite-cards .is-essential {
    grid-column: auto;
  }

  .prerequisite-cards li {
    min-height: 0;
  }
}

/* Etapa 4: pasos numerados y progreso visible. */
.guide-main {
  border: 1px solid #dce6f2;
  background: #fff;
}

.guide-main > h3 {
  margin-bottom: 14px;
  color: var(--act-ink);
  font-size: clamp(1.25rem, 2vw, 1.55rem);
}

.guide-progress {
  padding: 16px;
  border: 1px solid #dce6f2;
  background: #f5f8fc;
}

.guide-progress > div:first-child {
  align-items: flex-start;
}

.guide-progress strong {
  display: block;
  color: var(--act-ink);
  font-size: .92rem;
  line-height: 1.4;
}

.guide-progress button {
  min-height: 36px;
  padding: 6px 9px;
  border-radius: 9px;
  background: #fff;
  box-shadow: inset 0 0 0 1px #cbd8e7;
}

.guide-progress-track {
  height: 10px;
  margin-top: 12px;
  background: #d9e3ef;
}

.guide-progress-track span {
  background: linear-gradient(90deg, var(--operator), #0b8f64);
}

.guide-progress p {
  margin-top: 9px;
  color: #596a80;
  font-size: .8rem;
  line-height: 1.4;
}

.official-steps {
  gap: 10px;
}

.official-steps li {
  position: relative;
  grid-template-columns: 44px minmax(0, 1fr);
  align-items: center;
  min-width: 0;
  min-height: 66px;
  padding: 11px 14px 11px 11px;
  border: 1px solid #dce6f2;
  border-radius: 14px;
  background: #fff;
  color: #263a58;
  box-shadow: 0 6px 18px rgba(16, 47, 86, .045);
  transition: border-color .18s ease, background .18s ease;
}

.official-steps li > span {
  min-width: 0;
  line-height: 1.5;
}

.official-steps li:hover {
  border-color: color-mix(in srgb, var(--operator), #fff 45%);
}

.step-check {
  width: 42px;
  height: 42px;
  border: 2px solid color-mix(in srgb, var(--operator), #fff 20%);
  border-radius: 12px;
  background: #fff;
  color: var(--operator);
  box-shadow: none;
}

.step-check[aria-pressed="true"] {
  border-color: #087f5b;
  background: #087f5b;
  color: #fff;
}

.official-steps li.is-complete {
  border-color: #a8ddca;
  background: #f1fbf7;
}

.official-steps li.is-complete > span {
  color: #395d51;
  text-decoration: none;
}

.official-steps li.is-complete::after {
  content: "Revisado";
  position: absolute;
  top: 7px;
  right: 9px;
  padding: 3px 6px;
  border-radius: 999px;
  background: #d9f3e8;
  color: #176b50;
  font-size: .58rem;
  font-weight: 900;
  text-transform: uppercase;
}

@supports not (color: color-mix(in srgb, #000, #fff)) {
  .official-steps li:hover {
    border-color: var(--operator);
  }

  .step-check {
    border-color: var(--operator);
  }
}

@media (max-width: 680px) {
  .guide-main {
    padding: 16px 13px;
  }

  .guide-progress {
    padding: 13px;
  }

  .guide-progress > div:first-child {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .official-steps li {
    grid-template-columns: 40px minmax(0, 1fr);
    min-height: 62px;
    padding: 10px 11px 10px 9px;
    font-size: .91rem;
  }

  .step-check {
    width: 38px;
    height: 38px;
  }

  .official-steps li.is-complete {
    padding-top: 24px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .official-steps li {
    transition: none;
  }
}

@media (max-width: 430px) {
  .activation-hero,
  .activation-biometric,
  .activation-workspace,
  .activation-security,
  .activation-troubleshooting,
  .activation-role,
  .activation-validity {
    padding-left: 16px;
    padding-right: 16px;
  }

  .activation-workspace,
  .activation-troubleshooting {
    padding-top: 42px;
    padding-bottom: 42px;
  }

  .connectio-biometric-image,
  .activation-security > img {
    display: none;
  }
}

/* Activation journey: selector first, requirements before steps, commerce last. */
.commercial-ticker[hidden],
.operator-guide[hidden],
.official-actions[hidden],
.external-note[hidden] {
  display: none;
}

.operator-empty-state {
  margin: 18px 0 0;
  padding: 22px;
  border-radius: 18px;
  background: linear-gradient(135deg, #edf5ff, #f8fbff);
  color: var(--act-ink);
  text-align: center;
}

.operator-empty-state strong {
  display: block;
  margin-bottom: 5px;
  font-size: 1.08rem;
}

.operator-empty-state p {
  margin: 0;
  color: var(--act-muted);
}

.operator-guide-tools {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 10px;
}

.reselect-operator {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 9px 13px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .92);
  color: var(--operator);
  font-weight: 900;
  text-decoration: none;
}

.guide-layout {
  grid-template-columns: minmax(0, 1fr);
}

.guide-prerequisites {
  display: grid;
  grid-template-columns: 120px minmax(0, 1fr);
  column-gap: 22px;
}

.guide-prerequisites > img {
  grid-column: 1;
  grid-row: 1 / 5;
}

.guide-prerequisites > :not(img) {
  grid-column: 2;
}

.prerequisite-cards {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.guide-main {
  padding: 22px;
  border-radius: 18px;
  background: #f8fbff;
}

.operator-complaints {
  margin-top: 28px;
}

.operator-complaints.operator-claro {
  --operator: #da291c;
}

.operator-complaints.operator-wom {
  --operator: #6b1b9a;
}

.operator-complaints.operator-movistar {
  --operator: #019be1;
}

.activation-commerce {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(280px, .7fr);
  align-items: center;
  gap: 28px;
  margin-top: 24px;
  margin-bottom: 64px;
  padding-top: 30px;
  padding-bottom: 30px;
  border-radius: 22px;
  background:
    linear-gradient(90deg, rgba(5, 25, 58, .97) 0%, rgba(8, 48, 101, .94) 48%, rgba(9, 75, 141, .76) 100%),
    url("assets/activation/chip-prepago-commercial-background.webp") 68% center / cover no-repeat;
  color: #fff;
  box-shadow: 0 22px 52px rgba(7, 35, 79, .18);
}

.activation-commerce h2,
.activation-commerce p {
  margin-top: 0;
}

.activation-commerce h2 {
  color: #fff;
}

.activation-commerce .activation-kicker {
  color: #7de5ee;
}

.activation-commerce p:last-child {
  margin-bottom: 0;
  color: #e3efff;
}

.activation-commerce .activation-buy-another {
  background: #fff;
  color: #09366f;
  box-shadow: 0 12px 30px rgba(0, 0, 0, .2);
}

.activation-commerce .activation-buy-another:hover {
  background: #eaf4ff;
}

.activation-commerce .activation-free-shipping {
  color: #dbeaff;
}

.activation-regulation {
  margin-top: 24px;
  padding-top: 40px;
  padding-bottom: 40px;
  border-radius: 24px;
  background: #f4f8fe;
}

.regulation-differences {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.regulation-differences article,
.regulation-consequences,
.regulation-timeline {
  padding: 22px;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 12px 34px rgba(15, 45, 84, .07);
}

.regulation-differences article > span {
  display: inline-flex;
  margin-bottom: 10px;
  padding: 5px 9px;
  border-radius: 999px;
  background: #dff0ff;
  color: #07579a;
  font-size: .76rem;
  font-weight: 900;
  text-transform: uppercase;
}

.regulation-differences h3,
.regulation-consequences h3,
.regulation-timeline h3 {
  margin-top: 0;
  color: var(--act-ink);
}

.regulation-differences p,
.regulation-consequences li,
.regulation-timeline span {
  color: var(--act-muted);
  line-height: 1.55;
}

.regulation-differences a,
.regulation-links a {
  color: #0757b8;
  font-weight: 850;
}

.regulation-consequences {
  margin-top: 16px;
}

.regulation-consequences ul {
  margin-bottom: 0;
  padding-left: 21px;
}

.regulation-consequences li + li {
  margin-top: 8px;
}

.regulation-timeline {
  margin-top: 16px;
}

.regulation-timeline ol {
  position: relative;
  display: grid;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.regulation-timeline li {
  position: relative;
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr);
  gap: 3px 20px;
  padding: 0 0 24px 28px;
  border-left: 3px solid #c9daf2;
}

.regulation-timeline li:last-child {
  padding-bottom: 0;
  border-left-color: transparent;
}

.regulation-timeline li::before {
  content: "";
  position: absolute;
  top: 2px;
  left: -8px;
  width: 13px;
  height: 13px;
  border: 3px solid #fff;
  border-radius: 50%;
  background: #0b55c7;
  box-shadow: 0 0 0 2px #0b55c7;
}

.regulation-timeline time {
  grid-row: 1 / 3;
  color: #0b55c7;
  font-weight: 900;
}

.regulation-timeline strong {
  color: var(--act-ink);
}

.regulation-timeline .is-upcoming::before {
  background: #f58a07;
  box-shadow: 0 0 0 2px #f58a07;
}

.regulation-timeline .is-upcoming time {
  color: #a95500;
}

.regulation-timeline .is-current {
  border-color: rgba(0, 145, 105, .35);
  background: linear-gradient(135deg, rgba(0, 145, 105, .10), rgba(18, 118, 255, .08));
}

.regulation-timeline .is-current::before {
  background: #009169;
  box-shadow: 0 0 0 5px rgba(0, 145, 105, .14);
}

.regulation-timeline .is-current time {
  color: #007a58;
}

.regulation-disclaimer {
  margin: 18px 0 0;
  padding: 13px 15px;
  border-radius: 12px;
  background: #fff4d8;
  color: #5f4505;
  line-height: 1.5;
}

/* Pulido institucional 2026-08-22: iconografía, jerarquía y superficies. */
:root {
  --activation-ink: #102849;
  --activation-muted: #5b6f89;
  --activation-line: #dce6f2;
  --activation-soft: #f5f8fc;
  --activation-blue: #0757c8;
  --activation-cyan: #0b91b6;
  --activation-radius: 20px;
  --activation-shadow: 0 16px 40px rgba(13, 45, 84, .09);
}

.activation-main {
  color: var(--activation-ink);
  background: #fff;
}

.activation-main h1,
.activation-main h2,
.activation-main h3,
.activation-main strong {
  text-wrap: balance;
}

.activation-section-heading > p:last-child,
.operator-guide-header p,
.identity-selector > div:first-child > p:last-child,
.mode-picker > p:last-child {
  color: var(--activation-muted);
}

.activation-quick-nav {
  border-color: var(--activation-line);
  background: rgba(255, 255, 255, .97);
  box-shadow: 0 10px 28px rgba(11, 42, 80, .08);
}

.activation-quick-nav a {
  gap: 9px;
  border: 1px solid transparent;
  color: #334b68;
  transition: color .18s ease, background .18s ease, border-color .18s ease, transform .18s ease;
}

.activation-quick-nav a:hover,
.activation-quick-nav a:focus-visible,
.activation-quick-nav a.is-current {
  border-color: #cfe0f6;
  background: #eef5ff;
  color: var(--activation-blue);
  transform: translateY(-1px);
}

.activation-quick-nav a span {
  width: 30px;
  height: 30px;
  border: 1px solid #cfe0f6;
  background: #fff;
  color: var(--activation-blue);
  box-shadow: 0 4px 10px rgba(7, 87, 200, .08);
}

.activation-quick-nav a span .activation-ui-icon {
  width: 16px;
  height: 16px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
}

.activation-workspace,
.activation-biometric,
.activation-subtel-requirements,
.activation-security,
.activation-troubleshooting,
.activation-help-card,
.activation-regulation {
  border-color: var(--activation-line);
}

.activation-workspace {
  background:
    radial-gradient(circle at 100% 0, rgba(25, 154, 204, .07), transparent 30%),
    linear-gradient(180deg, #f8fbff 0, #fff 34%);
}

.activation-section-heading {
  max-width: 800px;
}

.activation-kicker {
  letter-spacing: .1em;
}

.connectio-guide {
  border: 1px solid #d6e5f6;
  background: linear-gradient(135deg, rgba(236, 246, 255, .94), #fff 66%);
  box-shadow: 0 12px 32px rgba(12, 55, 103, .08);
}

.operator-tabs {
  gap: 14px;
}

.operator-tab {
  min-height: 118px;
  border: 1px solid #dce6f2;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 10px 24px rgba(10, 45, 85, .07);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.operator-tab:hover,
.operator-tab:focus-visible {
  transform: translateY(-3px);
  border-color: #aec9ea;
  box-shadow: 0 16px 30px rgba(10, 45, 85, .12);
}

.operator-tab[aria-selected="true"] {
  border-color: var(--operator-color, var(--activation-blue));
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--operator-color, var(--activation-blue)) 16%, transparent), 0 16px 32px rgba(10, 45, 85, .12);
}

.operator-guide {
  border: 1px solid var(--activation-line);
  border-radius: 26px;
  background: #fff;
  box-shadow: var(--activation-shadow);
}

.operator-guide-header {
  border-bottom: 1px solid var(--activation-line);
  background: linear-gradient(118deg, var(--operator), var(--operator-deep, #071d3d));
}

/* Identidad visual por operador: conserva el contenido y la estructura común. */
.operator-guide {
  --operator-deep: #07366f;
  --operator-soft: #edf5ff;
  --operator-font: Arial, Helvetica, sans-serif;
  border-top: 6px solid var(--operator);
  font-family: var(--operator-font);
}

.operator-guide.operator-entel {
  --operator: #0066b3;
  --operator-deep: #003b70;
  --operator-soft: #edf7ff;
  --operator-font: Arial, Helvetica, sans-serif;
}

.operator-guide.operator-claro {
  --operator: #da291c;
  --operator-deep: #9f1710;
  --operator-soft: #fff1f0;
  --operator-font: "Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
}

.operator-guide.operator-wom {
  --operator: #641c78;
  --operator-deep: #351042;
  --operator-soft: #f7effa;
  --operator-font: Arial, Helvetica, sans-serif;
}

.operator-guide.operator-movistar {
  --operator: #019be1;
  --operator-deep: #006b9c;
  --operator-soft: #ebf9ff;
  --operator-font: Arial, Helvetica, sans-serif;
}

.operator-guide .operator-identity p,
.operator-guide .operator-identity h2 {
  color: #fff;
}

.operator-guide .guide-summary,
.operator-guide .guide-progress,
.operator-guide .content-disclosure[open] > summary {
  background: var(--operator-soft);
}

.operator-guide .activation-kicker,
.operator-guide .official-actions__intro span,
.operator-guide .guide-progress button {
  color: var(--operator);
}

.operator-guide .identity-selector,
.operator-guide .operator-data-requirements,
.operator-guide .guide-prerequisites,
.operator-guide .guide-main {
  border-top: 4px solid color-mix(in srgb, var(--operator), #fff 38%);
}

.operator-guide .official-start {
  background: var(--operator);
  color: #fff;
}

.operator-guide .official-help {
  color: var(--operator);
  box-shadow: inset 0 0 0 2px var(--operator);
}

.operator-tab[data-operator="entel"] { --operator-color: #0066b3; }
.operator-tab[data-operator="claro"] { --operator-color: #da291c; }
.operator-tab[data-operator="wom"] { --operator-color: #641c78; }
.operator-tab[data-operator="movistar"] { --operator-color: #019be1; }

.operator-tab[aria-selected="true"] {
  color: var(--operator-color);
  background: color-mix(in srgb, var(--operator-color), #fff 94%);
}

@supports not (color: color-mix(in srgb, #000, #fff)) {
  .operator-guide .identity-selector,
  .operator-guide .operator-data-requirements,
  .operator-guide .guide-prerequisites,
  .operator-guide .guide-main {
    border-top-color: var(--operator);
  }

  .operator-tab[aria-selected="true"] {
    background: #f3f7fd;
  }
}

.guide-status {
  border: 1px solid #b9e3d3;
  background: #ebfaf4;
  color: #087758;
}

.identity-selector,
.operator-data-requirements,
.guide-prerequisites,
.guide-main {
  border: 1px solid var(--activation-line);
  border-radius: var(--activation-radius);
  box-shadow: 0 10px 28px rgba(14, 49, 88, .06);
}

.identity-selector__tabs button,
.mode-tabs button {
  border: 1px solid #d7e3f1;
  background: #fff;
  box-shadow: 0 6px 16px rgba(12, 51, 94, .06);
}

.identity-selector__tabs button[aria-selected="true"],
.mode-tabs button[aria-pressed="true"] {
  border-color: var(--operator-color, var(--activation-blue));
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--operator-color, var(--activation-blue)) 14%, transparent);
}

.operator-data-requirements__heading > span,
.prerequisite-cards li > span,
.security-rules li > span,
.subtel-requirement-grid article > span {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  width: 44px;
  height: 44px;
  border: 1px solid #cfe0f3;
  border-radius: 14px;
  background: linear-gradient(145deg, #fff, #edf5ff);
  color: var(--activation-blue);
  box-shadow: 0 8px 18px rgba(7, 87, 200, .08);
}

.operator-data-requirements__heading > span .activation-ui-icon,
.prerequisite-cards li > span .activation-ui-icon,
.security-rules li > span .activation-ui-icon,
.subtel-requirement-grid article > span .activation-ui-icon {
  width: 23px;
  height: 23px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
}

.operator-data-requirements > ul > li,
.prerequisite-cards li,
.security-rules li,
.subtel-requirement-grid article {
  border-color: var(--activation-line);
  background: #fff;
}

.subtel-requirement-grid article {
  border-radius: 18px;
  box-shadow: 0 10px 24px rgba(13, 48, 88, .06);
}

.content-disclosure > summary {
  min-height: 64px;
  border: 1px solid #d7e3f1;
  border-radius: 16px;
  background: #fff;
  transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.content-disclosure > summary:hover,
.content-disclosure > summary:focus-visible {
  border-color: #a9c6e8;
  background: #f8fbff;
  box-shadow: 0 8px 20px rgba(12, 49, 91, .07);
}

.content-disclosure[open] > summary {
  border-color: #aec9ea;
  border-radius: 16px 16px 8px 8px;
  background: #f2f7fd;
}

.activation-security {
  background: linear-gradient(135deg, #f7fbff, #edf7f5);
  box-shadow: var(--activation-shadow);
}

.activation-troubleshooting {
  background: linear-gradient(180deg, #fff, #f7faff);
}

.problem-list details,
.complaints-module {
  border: 1px solid var(--activation-line);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 7px 18px rgba(13, 48, 88, .05);
}

@media (max-width: 720px) {
  .activation-quick-nav {
    padding: 8px 10px;
  }

  .activation-quick-nav a {
    min-height: 48px;
    padding: 7px 10px;
  }

  .activation-quick-nav a span {
    width: 28px;
    height: 28px;
  }

  .operator-tabs {
    gap: 10px;
  }

  .operator-tab {
    min-height: 104px;
    border-radius: 16px;
  }

  .operator-guide {
    border-radius: 20px;
  }

  .identity-selector,
  .operator-data-requirements,
  .guide-prerequisites,
  .guide-main {
    border-radius: 17px;
    box-shadow: 0 7px 20px rgba(14, 49, 88, .05);
  }
}

@media (prefers-reduced-motion: reduce) {
  .activation-quick-nav a,
  .operator-tab,
  .content-disclosure > summary {
    transition: none;
  }
}

.regulation-links {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 16px;
}

@media (max-width: 800px) {
  .activation-commerce {
    grid-template-columns: 1fr;
    background-position: 72% center;
  }

  .prerequisite-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .regulation-differences {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 600px) {
  body {
    padding-bottom: 62px;
  }

  body.has-commercial-ticker {
    padding-bottom: 62px;
  }

  .guide-prerequisites {
    grid-template-columns: minmax(0, 1fr);
  }

  .guide-prerequisites > img {
    display: none;
  }

  .guide-prerequisites > :not(img) {
    grid-column: 1;
  }

  .regulation-timeline li {
    grid-template-columns: 1fr;
    gap: 5px;
  }

  .regulation-timeline time {
    grid-row: auto;
  }
}

@media (max-width: 430px) {
  .activation-commerce {
    margin-right: 0;
    margin-left: 0;
    padding-right: 16px;
    padding-left: 16px;
    background:
      linear-gradient(180deg, rgba(5, 25, 58, .98) 0%, rgba(8, 48, 101, .94) 72%, rgba(9, 75, 141, .82) 100%),
      url("assets/activation/chip-prepago-commercial-background.webp") 76% center / cover no-repeat;
  }

  .activation-regulation {
    margin-right: 0;
    margin-left: 0;
    padding-right: 16px;
    padding-left: 16px;
  }

  .operator-guide-tools {
    justify-content: flex-start;
  }
}

/* Fondos editoriales: apoyo visual sin reemplazar el contenido informativo. */
.activation-biometric {
  background:
    linear-gradient(90deg, rgba(232, 247, 255, .99) 0%, rgba(232, 247, 255, .96) 58%, rgba(232, 247, 255, .82) 100%),
    url("assets/activation/biometric-security-background.webp") 74% center / cover no-repeat;
  box-shadow: 0 18px 46px rgba(8, 52, 104, .1);
}

.activation-biometric > div:last-child {
  max-width: 820px;
}

.foreign-country-guide {
  background:
    linear-gradient(90deg, rgba(255, 255, 255, .995) 0%, rgba(255, 255, 255, .97) 60%, rgba(244, 250, 255, .84) 100%),
    url("assets/activation/foreign-guidance-background.webp") 80% center / cover no-repeat;
  box-shadow: 0 14px 36px rgba(8, 52, 104, .08);
}

.foreign-country-guide > * {
  position: relative;
  z-index: 1;
}

@media (max-width: 720px) {
  .activation-biometric {
    background:
      linear-gradient(180deg, rgba(232, 247, 255, .99) 0%, rgba(232, 247, 255, .96) 72%, rgba(232, 247, 255, .88) 100%),
      url("assets/activation/biometric-security-background.webp") 79% center / cover no-repeat;
  }

  .foreign-country-guide {
    background:
      linear-gradient(180deg, rgba(255, 255, 255, .995) 0%, rgba(255, 255, 255, .98) 76%, rgba(244, 250, 255, .9) 100%),
      url("assets/activation/foreign-guidance-background.webp") 82% center / cover no-repeat;
  }
}

/* Cross-browser and responsive finishing pass. */
body[data-page="activacion"] {
  background: #f5f8fc;
  color: var(--act-ink);
  text-rendering: optimizeLegibility;
  -webkit-text-size-adjust: 100%;
}

body[data-page="activacion"] main > section {
  min-width: 0;
}

body[data-page="activacion"] img,
body[data-page="activacion"] svg {
  max-width: 100%;
}

.activation-section-heading h2,
.activation-biometric h2,
.activation-security h2,
.activation-role h2,
.activation-regulation h2,
.activation-commerce h2 {
  overflow-wrap: anywhere;
  text-wrap: balance;
}

.activation-section-heading p,
.activation-biometric p,
.activation-security p,
.activation-role p,
.activation-regulation p,
.activation-commerce p,
.guide-summary,
.guide-note,
.external-note,
.faq-answer {
  max-width: 75ch;
}

.operator-tabs,
.mode-tabs,
.guide-layout,
.activation-role,
.activation-commerce,
.regulation-differences {
  min-width: 0;
}

.operator-tab,
.mode-tab,
.official-actions a,
.connect-whatsapp,
.activation-buy-another,
.regulation-links a {
  min-height: 44px;
}

.operator-tab span,
.mode-tab,
.official-actions a,
.activation-buy-another {
  overflow-wrap: anywhere;
}

.activation-workspace,
.activation-troubleshooting {
  scroll-margin-top: 110px;
}

.activation-regulation {
  border: 1px solid #d9e5f4;
}

.regulation-differences article,
.regulation-consequences,
.regulation-timeline {
  border: 1px solid #e0e8f3;
  box-shadow: 0 10px 28px rgba(15, 45, 84, .06);
}

.regulation-links a {
  display: inline-flex;
  align-items: center;
  padding: 9px 12px;
  border-radius: 10px;
  background: #fff;
  text-decoration: none;
  box-shadow: inset 0 0 0 1px #c9daef;
}

@supports not (overflow: clip) {
  body[data-page="activacion"],
  body[data-page="activacion"] main {
    overflow-x: hidden;
  }
}

@supports not (color: color-mix(in srgb, #000, #fff)) {
  .operator-guide-header {
    background: var(--operator);
  }

  .guide-summary,
  .operator-complaints {
    background: #f2f6fb;
  }

  .operator-complaints {
    border: 1px solid #dbe5f2;
    box-shadow: none;
  }
}

@media (max-width: 680px) {
  .activation-hero,
  .activation-workspace,
  .activation-biometric,
  .activation-security,
  .activation-troubleshooting,
  .activation-role,
  .activation-regulation,
  .activation-validity,
  .activation-commerce {
    width: 100%;
  }

  .activation-workspace,
  .activation-troubleshooting {
    padding-top: 38px;
    padding-bottom: 38px;
  }

  .activation-section-heading {
    margin-bottom: 18px;
  }

  .activation-section-heading h2,
  .activation-biometric h2,
  .activation-security h2,
  .activation-role h2,
  .activation-regulation h2,
  .activation-commerce h2 {
    font-size: clamp(1.7rem, 8vw, 2.25rem);
    line-height: 1.08;
  }

  .operator-tabs {
    gap: 10px;
  }

  .operator-tab {
    min-height: 82px;
    padding: 11px 8px;
  }

  .operator-empty-state {
    padding: 17px 14px;
  }

  .operator-guide-header {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 13px;
  }

  .operator-identity {
    min-width: 0;
  }

  .operator-identity h2 {
    font-size: 1.35rem;
    line-height: 1.15;
  }

  .reselect-operator {
    width: 100%;
    justify-content: center;
  }

  .activation-visual-route ol {
    font-size: .86rem;
  }

  .mode-picker,
  .guide-summary,
  .guide-layout,
  .guide-note,
  .official-actions,
  .external-note {
    margin-right: 14px;
    margin-left: 14px;
  }

  .mode-tabs {
    grid-template-columns: minmax(0, 1fr);
  }

  .mode-tab {
    width: 100%;
    border-radius: 12px;
    text-align: left;
  }

  .guide-main {
    padding: 16px;
  }

  .official-actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }

  .official-actions a {
    width: 100%;
  }

  .faq-grid {
    gap: 8px;
  }

  .faq-button {
    min-height: 52px;
  }

  .operator-complaints {
    margin-right: 0;
    margin-left: 0;
  }

  .activation-role {
    gap: 18px;
  }

  .activation-help-card {
    padding: 18px;
  }

  .activation-regulation {
    border-right: 0;
    border-left: 0;
    border-radius: 0;
  }

  .regulation-differences article,
  .regulation-consequences,
  .regulation-timeline {
    padding: 17px;
  }

  .regulation-links {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }

  .regulation-links a {
    width: 100%;
  }

  .activation-validity {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .activation-validity div {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }

  .activation-commerce {
    gap: 16px;
    margin-bottom: 36px;
    border-radius: 18px;
  }

  .commercial-ticker {
    grid-template-columns: minmax(0, 1fr) 116px;
  }
}

@media (max-width: 390px) {
  .activation-quick-nav a {
    font-size: .68rem;
  }

  .operator-tab img {
    width: 50px;
  }

  .operator-tab span {
    font-size: .82rem;
  }

  .regulation-timeline li {
    padding-left: 23px;
  }
}

/* Etapa 1: selector de compañías más claro y reconocible. */
.operator-tab {
  --tab-accent: #0b55c7;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border: 1px solid #dce6f2;
  background: #fff;
  box-shadow: 0 8px 22px rgba(16, 47, 86, .06);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.operator-tab::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  left: 0;
  height: 5px;
  background: var(--tab-accent);
}

.operator-tab[data-operator="entel"] {
  --tab-accent: #0057b8;
}

.operator-tab[data-operator="claro"] {
  --tab-accent: #da291c;
}

.operator-tab[data-operator="wom"] {
  --tab-accent: #6b1b9a;
}

.operator-tab[data-operator="movistar"] {
  --tab-accent: #019be1;
}

.operator-tab:hover {
  border-color: var(--tab-accent);
  background: #fff;
  box-shadow: 0 12px 28px rgba(16, 47, 86, .11);
  transform: translateY(-2px);
}

.operator-tab.is-active {
  border-color: var(--tab-accent);
  background: #fff;
  box-shadow: inset 0 0 0 2px var(--tab-accent), 0 12px 30px rgba(16, 47, 86, .14);
}

.operator-tab.is-active::after {
  content: "Seleccionada";
  position: absolute;
  right: 9px;
  bottom: 7px;
  padding: 3px 6px;
  border-radius: 999px;
  background: var(--tab-accent);
  color: #fff;
  font-size: .6rem;
  font-weight: 900;
  letter-spacing: .02em;
}

.operator-tab img {
  flex: 0 0 auto;
}

.operator-tab span {
  color: #172b49;
  font-weight: 900;
}

@media (max-width: 680px) {
  .operator-tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .operator-tab {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    justify-items: center;
    gap: 7px;
    min-height: 104px;
    padding: 17px 8px 12px;
  }

  .operator-tab img {
    width: 68px;
    height: 34px;
  }

  .operator-tab span {
    font-size: .92rem;
  }

  .operator-tab.is-active {
    padding-bottom: 28px;
  }

  .operator-tab.is-active::after {
    right: 50%;
    bottom: 7px;
    transform: translateX(50%);
  }
}

@media (prefers-reduced-motion: reduce) {
  .operator-tab {
    transition: none;
  }

  .operator-tab:hover {
    transform: none;
  }
}

/* Etapa 2: selector de trámite legible y consistente. */
.mode-picker {
  margin-top: 24px;
  padding: 24px;
  border: 1px solid #dce6f2;
  border-radius: 18px;
  background: #fff;
}

.mode-picker .activation-kicker {
  margin-bottom: 6px;
  color: var(--operator);
}

.mode-picker h3 {
  max-width: 680px;
  color: var(--act-ink);
  font-size: clamp(1.3rem, 2.3vw, 1.75rem);
  line-height: 1.15;
  text-wrap: balance;
}

.mode-tabs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.mode-tab {
  position: relative;
  width: 100%;
  min-height: 70px;
  padding: 14px 42px 14px 15px;
  border: 1px solid #d9e3ef;
  border-radius: 14px;
  background: #f6f9fd;
  color: #263a58;
  text-align: left;
  line-height: 1.35;
  box-shadow: none;
}

.mode-tab:not([disabled]):hover {
  border-color: var(--operator);
  background: #fff;
}

.mode-tab:not([disabled])::after {
  content: "›";
  position: absolute;
  top: 50%;
  right: 15px;
  color: var(--operator);
  font-size: 1.45rem;
  font-weight: 900;
  transform: translateY(-50%);
}

.mode-tab[aria-pressed="true"] {
  border-color: var(--operator);
  background: var(--operator);
  color: #fff;
  box-shadow: 0 9px 24px rgba(16, 47, 86, .16);
}

.mode-tab[aria-pressed="true"]::after {
  content: "✓";
  color: #fff;
  font-size: 1rem;
}

.mode-tab[disabled] {
  border-style: dashed;
  background: #f1f3f6;
  color: #66758a;
  opacity: 1;
}

.mode-tab[disabled]::after {
  content: "No disponible";
  position: absolute;
  right: 12px;
  bottom: 7px;
  color: #6a7788;
  font-size: .6rem;
  font-weight: 850;
  text-transform: uppercase;
}

.guide-summary {
  border-left: 5px solid var(--operator);
  line-height: 1.55;
}

@media (max-width: 800px) {
  .mode-tabs {
    grid-template-columns: minmax(0, 1fr);
  }

  .mode-tab {
    min-height: 62px;
  }
}

/* Etapa 5: salida inequívoca hacia el canal oficial. */
.official-actions {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 10px;
  margin-top: 8px;
  padding: 18px;
  border: 1px solid color-mix(in srgb, var(--operator), #fff 66%);
  border-radius: 16px;
  background: color-mix(in srgb, var(--operator), #fff 94%);
}

.official-actions__intro {
  min-width: 0;
}

.official-actions__intro span,
.official-actions__intro strong {
  display: block;
}

.official-actions__intro span {
  margin-bottom: 3px;
  color: var(--operator);
  font-size: .7rem;
  font-weight: 950;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.official-actions__intro strong {
  color: var(--act-ink);
  line-height: 1.3;
}

.official-start,
.official-help {
  min-width: 190px;
  text-align: center;
}

.official-start {
  position: relative;
  padding-right: 42px;
  background: var(--operator);
  box-shadow: 0 9px 24px rgba(16, 47, 86, .16);
}

.official-start::after {
  content: "↗";
  position: absolute;
  right: 16px;
  font-size: 1.05rem;
}

.official-help {
  background: #fff;
}

.external-note {
  position: relative;
  margin-top: 10px;
  padding: 12px 14px 26px 42px;
  border-radius: 12px;
  background: #f5f7fa;
  color: #53647c;
  line-height: 1.5;
}

.external-note::before {
  content: "i";
  position: absolute;
  top: 12px;
  left: 14px;
  display: grid;
  place-items: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #dbe7f6;
  color: #174a87;
  font-size: .72rem;
  font-weight: 950;
}

@supports not (color: color-mix(in srgb, #000, #fff)) {
  .official-actions {
    border-color: #cbd9ea;
    background: #f3f7fc;
  }
}

@media (max-width: 980px) {
  .official-actions {
    grid-template-columns: minmax(0, 1fr) minmax(190px, auto);
  }

  .official-actions__intro {
    grid-column: 1 / -1;
  }
}

@media (max-width: 680px) {
  .official-actions {
    grid-template-columns: minmax(0, 1fr);
    padding: 15px;
  }

  .official-actions__intro {
    grid-column: auto;
  }

  .official-start,
  .official-help {
    width: 100%;
    min-width: 0;
  }

  .external-note {
    padding-right: 12px;
    padding-bottom: 18px;
  }
}

@media (max-width: 680px) {
  .mode-picker {
    margin-right: 14px;
    margin-left: 14px;
    padding: 18px 16px;
  }

  .mode-picker h3 {
    font-size: 1.35rem;
  }

  .mode-tab {
    padding: 13px 40px 13px 13px;
    font-size: .92rem;
  }
}

/* Etapa 9: rol de CONNECT y orientación segura por WhatsApp. */
.activation-role {
  align-items: stretch;
  background: linear-gradient(135deg, #eaf3ff 0%, #f7fbff 100%);
  box-shadow: 0 18px 44px rgba(10, 48, 96, .08);
}

.activation-role-intro {
  min-height: 100%;
}

.role-boundaries {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 20px;
}

.role-boundaries span {
  min-height: 68px;
  padding: 13px 14px;
  border-radius: 14px;
  background: rgba(255, 255, 255, .82);
  color: #40536e;
  line-height: 1.4;
}

.role-boundaries strong {
  display: block;
  margin-bottom: 3px;
  color: #0b3772;
}

.activation-help-card {
  display: flex;
  flex-direction: column;
  border: 1px solid #d8e6f7;
  box-shadow: 0 14px 34px rgba(10, 48, 96, .09);
}

.whatsapp-contact-number {
  margin: -2px 0 18px;
  padding: 10px 12px;
  border-radius: 10px;
  background: #edf9f4;
  color: #176247;
  font-size: .92rem;
}

.whatsapp-allowed-data {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 16px;
  margin: 10px 0 20px;
  padding: 0;
  list-style: none;
}

.whatsapp-allowed-data li {
  position: relative;
  margin: 0 !important;
  padding-left: 22px;
  color: #40536e;
}

.whatsapp-allowed-data li::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: #087f5b;
  font-weight: 950;
}

.connect-whatsapp {
  position: relative;
  padding-right: 48px;
  box-shadow: 0 10px 24px rgba(8, 127, 91, .2);
}

.connect-whatsapp::after {
  content: "↗";
  position: absolute;
  right: 18px;
  font-size: 1.05rem;
}

.connect-whatsapp:hover {
  background: #066c4c;
}

.connect-whatsapp:focus-visible {
  outline: 3px solid #102a54;
  outline-offset: 3px;
}

.whatsapp-safe-confirmation {
  display: block;
  margin-top: 10px;
  color: #46617d;
  text-align: center;
  line-height: 1.45;
}

.privacy-note {
  margin-top: 16px;
  padding: 12px 14px;
  border-left: 4px solid #c63b3b;
  border-radius: 8px;
  background: #fff5f5;
  color: #6a3030;
  line-height: 1.5;
}

@media (max-width: 680px) {
  .activation-role {
    gap: 18px;
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .role-boundaries,
  .whatsapp-allowed-data {
    grid-template-columns: minmax(0, 1fr);
  }

  .role-boundaries span {
    min-height: 0;
  }

  .activation-help-card {
    padding: 20px 17px;
  }
}

/* Etapa 10: normativa, motivo del cambio y línea de tiempo. */
.activation-regulation {
  position: relative;
  overflow: hidden;
  padding-top: 48px;
  padding-bottom: 48px;
  background:
    radial-gradient(circle at 100% 0, rgba(36, 132, 218, .12), transparent 34%),
    #f4f8fe;
}

.activation-regulation::before {
  content: "Normativa SUBTEL";
  position: absolute;
  top: 22px;
  right: 26px;
  color: rgba(11, 85, 199, .1);
  font-size: clamp(1.4rem, 4vw, 3.2rem);
  font-weight: 950;
  letter-spacing: -.04em;
  pointer-events: none;
}

.activation-regulation > * {
  position: relative;
  z-index: 1;
}

.activation-regulation .activation-section-heading {
  max-width: 840px;
  padding-left: 18px;
  border-left: 5px solid #0b55c7;
}

.regulation-differences {
  counter-reset: regulation-stage;
}

.regulation-differences article {
  position: relative;
  overflow: hidden;
  padding: 26px;
  border-top: 5px solid #0b55c7;
}

.regulation-differences article:nth-child(2) {
  border-top-color: #f28a0c;
}

.regulation-differences article::after {
  counter-increment: regulation-stage;
  content: "0" counter(regulation-stage);
  position: absolute;
  right: 16px;
  bottom: -10px;
  color: rgba(11, 85, 199, .07);
  font-size: 4.4rem;
  font-weight: 950;
  line-height: 1;
}

.regulation-differences article > * {
  position: relative;
  z-index: 1;
}

.regulation-differences article:nth-child(2) > span {
  background: #fff0dc;
  color: #8a4a00;
}

.regulation-consequences {
  border-left: 5px solid #18a1b8;
}

.regulation-consequences li::marker {
  color: #0b55c7;
  font-weight: 900;
}

.regulation-timeline {
  padding: 28px;
}

.regulation-timeline h3 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 24px;
}

.regulation-timeline h3::before {
  content: "";
  width: 12px;
  height: 12px;
  border: 4px solid #dbe8fa;
  border-radius: 50%;
  background: #0b55c7;
  box-sizing: content-box;
}

.regulation-timeline li {
  min-height: 74px;
}

.regulation-timeline time {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  height: fit-content;
  padding: 5px 9px;
  border-radius: 999px;
  background: #eaf2fd;
  font-size: .82rem;
}

.regulation-timeline .is-upcoming {
  margin-top: 2px;
  padding-top: 14px;
  border-radius: 0 14px 14px 0;
  background: linear-gradient(90deg, #fff5e7, transparent);
}

.regulation-timeline .is-upcoming::before {
  top: 16px;
}

.regulation-timeline .is-upcoming time {
  background: #ffe4bd;
}

.regulation-disclaimer {
  border-left: 4px solid #e18712;
  line-height: 1.55;
}

.regulation-links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}

.regulation-links a {
  min-height: 44px;
  background: #fff;
}

.regulation-links a::after {
  content: "↗";
  margin-left: 8px;
}

.activation-validity {
  align-items: center;
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 18px 22px;
  border: 1px solid #dbe5f2;
  border-radius: 14px;
  background: #fff;
}

@media (max-width: 680px) {
  .activation-regulation {
    padding-top: 36px;
    padding-bottom: 36px;
  }

  .activation-regulation::before {
    top: 12px;
    right: 14px;
    font-size: 1.35rem;
  }

  .activation-regulation .activation-section-heading {
    padding-left: 13px;
    border-left-width: 4px;
  }

  .regulation-differences article,
  .regulation-consequences,
  .regulation-timeline {
    padding: 18px;
  }

  .regulation-timeline li {
    min-height: 0;
  }

  .activation-validity {
    margin-right: 12px;
    margin-left: 12px;
    padding: 16px;
  }
}

/* Datos solicitados por operador y requisitos mínimos SUBTEL. */
.operator-data-requirements{margin:22px 28px 0;padding:22px;border:1px solid color-mix(in srgb,var(--operator),#fff 72%);border-radius:18px;background:color-mix(in srgb,var(--operator),#fff 96%)}
.operator-data-requirements__heading{display:grid;grid-template-columns:48px minmax(0,1fr);gap:14px;align-items:start}
.operator-data-requirements__heading>span{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--operator);color:#fff;font-weight:950}
.operator-data-requirements h3{margin:0 0 5px;color:var(--act-ink)}
.operator-data-requirements__heading p:last-child{margin:0;color:var(--act-muted)}
.operator-data-requirements ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:18px 0;padding:0;list-style:none}
.operator-data-requirements li{position:relative;min-height:48px;padding:12px 13px 12px 38px;border-radius:12px;background:#fff;color:#344963;line-height:1.45}
.operator-data-requirements li::before{content:"✓";position:absolute;top:12px;left:14px;color:var(--operator);font-weight:950}
.operator-data-requirements.is-unconfirmed{border-color:#efc27a;background:#fff8eb}
.operator-data-requirements.is-unconfirmed .operator-data-requirements__heading>span{background:#b85d00}
.operator-data-requirements.is-unconfirmed li::before{content:"!";color:#b85d00}
.operator-data-requirements__scope{margin:0 0 10px;padding:14px 16px;border-radius:10px;background:#eef5ff;color:#294663;line-height:1.55}
.operator-data-requirements__scope>strong{display:block;margin-bottom:8px;color:#163a63}
.operator-data-requirements__scope ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0 0 9px;padding:0;list-style:none}
.operator-data-requirements__scope li{min-height:0;padding:11px 12px;border-radius:9px;background:#fff;color:#294663}
.operator-data-requirements__scope li::before{content:none}
.operator-data-requirements__scope p{margin:0}
.operator-data-requirements__scope p+p{margin-top:9px}
.operator-data-requirements__privacy{margin:0;padding:11px 13px;border-left:4px solid #b73737;border-radius:8px;background:#fff4f4;color:#673333;line-height:1.5}
.activation-subtel-requirements{max-width:1180px;margin:32px auto 0;padding:34px 24px;border-radius:22px;background:#0c315f;color:#fff}
.activation-subtel-requirements header{max-width:820px}.activation-subtel-requirements .activation-kicker{color:#74e5ed}.activation-subtel-requirements h2{margin:0 0 10px;color:#fff}.activation-subtel-requirements header>p:last-child{color:#dceaff;line-height:1.6}
.subtel-requirement-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0 16px}.subtel-requirement-grid article{padding:20px;border-radius:16px;background:rgba(255,255,255,.1)}.subtel-requirement-grid span{color:#74e5ed;font-size:.76rem;font-weight:950}.subtel-requirement-grid h3{margin:8px 0;color:#fff}.subtel-requirement-grid p{margin:0;color:#dceaff;line-height:1.55}
.subtel-requirements-note{margin:0 0 16px;padding:13px 15px;border-radius:12px;background:rgba(116,229,237,.12);color:#e9fdff;line-height:1.55}.activation-subtel-requirements>a{display:inline-flex;align-items:center;min-height:44px;color:#fff;font-weight:850}.activation-subtel-requirements>a::after{content:"↗";margin-left:8px}
@supports not (color:color-mix(in srgb,#000,#fff)){.operator-data-requirements{border-color:#d3dfef;background:#f6f9fd}}
@media(max-width:800px){.operator-data-requirements ul,.operator-data-requirements__scope ul,.subtel-requirement-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:680px){.operator-data-requirements{margin-right:14px;margin-left:14px;padding:17px}.operator-data-requirements__heading{grid-template-columns:42px minmax(0,1fr);gap:11px}.operator-data-requirements__heading>span{width:42px;height:42px}.activation-subtel-requirements{width:100%;padding:28px 16px;border-radius:0}}

/* Selección de documento nacional o extranjero. */
.identity-selector{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px 24px;margin:20px 28px 0;padding:22px;border-radius:18px;background:#f3f8ff}
.identity-selector h3{margin:0 0 6px;color:var(--act-ink);font-size:clamp(1.25rem,2vw,1.65rem)}
.identity-selector>div:first-child>p:last-child{margin:0;color:var(--act-muted)}
.identity-selector__tabs{display:grid;grid-template-columns:repeat(2,minmax(150px,1fr));gap:8px;align-self:center}
.identity-selector__tabs button{min-height:48px;padding:10px 14px;border:1px solid #bdd0e9;border-radius:12px;background:#fff;color:#294663;font:inherit;font-weight:850;cursor:pointer}
.identity-main-flag{display:inline-flex;margin-right:5px;vertical-align:middle}
.identity-main-flag img{display:block;border-radius:3px;box-shadow:0 1px 3px rgba(8,43,87,.18)}
.identity-mini-flags{display:inline-flex;margin-right:6px;vertical-align:middle}
.identity-mini-flags i{display:grid;place-items:center;width:23px;height:23px;margin-right:-5px;border:2px solid #fff;border-radius:50%;background:#fff;font-size:1rem;font-style:normal;line-height:1;box-shadow:0 2px 5px rgba(8,43,87,.15)}
.identity-mini-flags img{display:block;width:20px;height:14px;border-radius:2px;object-fit:cover}
.identity-selector__tabs button.is-active{border-color:var(--operator);background:var(--operator);color:#fff;box-shadow:0 7px 18px color-mix(in srgb,var(--operator),transparent 76%)}
.identity-selector__tabs button:focus-visible{outline:3px solid var(--act-focus);outline-offset:3px}
.identity-selector__guide{grid-column:1/-1;padding:15px 17px;border-left:5px solid var(--operator);border-radius:10px;background:#fff;color:#294663}
.identity-selector__guide strong{display:block;margin-bottom:5px;color:var(--act-ink)}
.identity-selector__guide p{margin:0;line-height:1.55}
.identity-selector__guide.is-warning{border-left-color:#d46800;background:#fff7ea}
.foreign-country-guide{grid-column:1/-1;padding:17px;border:1px solid #d3e0f1;border-radius:13px;background:#fff}
.foreign-country-guide[hidden]{display:none}
.foreign-country-guide>div>span{display:block;margin-bottom:4px;color:#0b55c7;font-size:.72rem;font-weight:950;letter-spacing:.04em;text-transform:uppercase}
.foreign-country-guide>div>strong{display:block;color:var(--act-ink)}
.foreign-country-guide ul{display:flex;flex-wrap:wrap;gap:8px;margin:13px 0;padding:0;list-style:none}
.foreign-country-guide li{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:7px 10px;border-radius:999px;background:#eef5ff;color:#294663;font-size:.85rem;font-weight:800}
.foreign-country-guide li img{display:block;flex:0 0 auto;border-radius:3px;box-shadow:0 1px 3px rgba(8,43,87,.16);object-fit:cover}
.foreign-country-guide p{margin:0;padding-top:11px;border-top:1px solid #dce6f3;color:#52677f;font-size:.88rem;line-height:1.55}
.foreign-country-guide .foreign-document-warning{margin-top:11px;padding:12px 13px;border:0;border-left:4px solid #b85d00;border-radius:9px;background:#fff5e6;color:#694014}
.passport-number-help{margin-top:14px;border:1px solid #c8dbf4;border-radius:16px;background:#fff;overflow:hidden}
.passport-number-help>summary{display:flex;align-items:center;gap:10px;padding:14px 16px;color:#102f55;cursor:pointer;list-style:none}
.passport-number-help>summary::-webkit-details-marker{display:none}
.passport-number-help>summary::after{content:"+";display:grid;width:30px;height:30px;margin-left:auto;place-items:center;border-radius:50%;background:#e5f1ff;color:#075bbb;font-size:1.2rem;font-weight:900}
.passport-number-help[open]>summary::after{content:"−"}
.passport-number-help>summary>span{padding:5px 8px;border-radius:999px;background:#dff8f4;color:#075a62;font-size:.7rem;font-weight:950;text-transform:uppercase}
.passport-number-help__body{padding:0 16px 16px}
.passport-country-tabs{display:flex;gap:8px;padding:2px 0 12px;overflow-x:auto;scrollbar-width:thin}
.passport-country-tabs button{display:inline-flex;flex:0 0 auto;align-items:center;gap:6px;min-height:44px;padding:8px 11px;border:1px solid #cbd9e9;border-radius:999px;background:#fff;color:#294663;font:inherit;font-size:.8rem;font-weight:850;cursor:pointer}
.passport-country-tabs button:hover,.passport-country-tabs button:focus-visible,.passport-country-tabs button.is-active,.passport-country-tabs button[aria-selected="true"]{border-color:#0871d9;background:#e8f3ff;color:#064f9c;outline:0}
.passport-country-tabs img{border-radius:2px;object-fit:cover}
.passport-number-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(220px,.75fr);gap:16px;align-items:center}
.passport-number-figure{position:relative;margin:0;border-radius:14px;background:#edf4fb;overflow:hidden}
.passport-number-figure img{display:block;width:100%;height:auto}
.passport-number-figure figcaption{position:absolute;left:9px;bottom:9px;padding:5px 8px;border-radius:7px;background:rgba(4,33,70,.88);color:#fff;font-size:.68rem;font-weight:800}
.passport-number-marker{position:absolute;top:18%;right:8%;padding:8px 11px;border:3px solid #e34a35;border-radius:8px;background:rgba(255,255,255,.94);color:#8a2016;font-size:clamp(.68rem,1.5vw,.88rem);font-weight:950;box-shadow:0 5px 16px rgba(81,24,17,.2)}
.passport-number-marker::after{content:"";position:absolute;left:50%;top:100%;width:3px;height:28px;background:#e34a35}
.passport-country-result{padding:16px;border-radius:14px;background:#eef6ff}
.passport-country-result>span{display:inline-block;margin-bottom:7px;color:#087160;font-size:.72rem;font-weight:950;text-transform:uppercase}
.passport-country-result h4{margin:0 0 8px;color:#102f55;font-size:1.18rem}
.passport-country-result p{padding:0;border:0;color:#405b76}
.passport-country-result p+p{margin-top:9px;padding-top:9px;border-top:1px solid #cfdeee}
.passport-official-reference{display:inline-flex;align-items:center;min-height:42px;margin-top:12px;padding:9px 12px;border-radius:9px;background:#075fbe;color:#fff;font-size:.84rem;font-weight:900;text-decoration:none}
.passport-official-reference:hover,.passport-official-reference:focus-visible{background:#064b95;outline:3px solid rgba(7,95,190,.22);outline-offset:2px}
.passport-safety-note{margin-top:14px;padding:13px 14px;border-left:4px solid #0871d9;border-radius:10px;background:#f4f8fd}
.passport-safety-note strong{color:#12385f}
.passport-safety-note p{margin-top:4px;padding:0;border:0}
.connect-operational-advice{grid-column:1/-1;padding:0;border-radius:12px;background:#082b57;color:#fff;overflow:hidden}
.connect-operational-advice>summary{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;padding:15px 17px;cursor:pointer;list-style:none}
.connect-operational-advice>summary::-webkit-details-marker{display:none}
.connect-operational-advice>summary::after{content:"+";grid-column:3;display:grid;width:30px;height:30px;place-items:center;border-radius:50%;background:rgba(255,255,255,.14);font-size:1.25rem;font-weight:900}
.connect-operational-advice[open]>summary::after{content:"−"}
.connect-operational-advice summary>span{display:inline-flex;align-items:center;min-height:30px;padding:6px 10px;border-radius:999px;background:#65e5d8;color:#082b57;font-size:.72rem;font-weight:950;letter-spacing:.04em;text-transform:uppercase}
.connect-operational-advice strong{display:block;margin-bottom:4px;color:#fff}
.connect-operational-advice>p{margin:0;padding:0 17px 17px;color:#dceaff;line-height:1.55}
@supports not (color:color-mix(in srgb,#000,transparent)){.identity-selector__tabs button.is-active{box-shadow:0 7px 18px rgba(11,85,199,.2)}}
@media(max-width:800px){.identity-selector{grid-template-columns:minmax(0,1fr)}.identity-selector__tabs{width:100%}}
@media(max-width:560px){.identity-selector{margin-right:14px;margin-left:14px;padding:17px 15px}.identity-selector__tabs{grid-template-columns:minmax(0,1fr)}.connect-operational-advice>summary{grid-template-columns:minmax(0,1fr) auto}.connect-operational-advice>summary::after{grid-column:2;grid-row:1/3}.connect-operational-advice summary>span{width:fit-content}.connect-operational-advice summary>strong{grid-column:1}}
@media(max-width:680px){.passport-number-help>summary{align-items:flex-start;flex-wrap:wrap}.passport-number-help>summary::after{position:absolute;right:30px}.passport-number-help>summary strong{width:calc(100% - 42px)}.passport-number-layout{grid-template-columns:minmax(0,1fr)}.passport-number-marker{top:15%;right:5%}}

/* Despliegues editoriales: mantienen visible el resumen y ordenan el contenido extenso. */
.content-disclosure{margin-top:18px;border:1px solid #d7e2f0;border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(8,43,87,.06);overflow:hidden}
.content-disclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:64px;padding:14px 18px;color:#163653;cursor:pointer;list-style:none}
.content-disclosure>summary::-webkit-details-marker{display:none}
.content-disclosure>summary span{display:grid;gap:3px}
.content-disclosure>summary strong{font-size:1rem;line-height:1.3}
.content-disclosure>summary small{color:#60758b;font-size:.8rem;line-height:1.4}
.content-disclosure>summary i{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:50%;background:#e8f2ff;color:#075dc7;font-size:1.3rem;font-style:normal;font-weight:900;transition:transform .2s ease,background-color .2s ease}

/* Movimiento funcional: estado continuo e interacciones breves */
[data-review-status]{display:inline-flex!important;align-items:center;gap:9px}
[data-review-status]::before{content:"";flex:0 0 16px;width:16px;height:16px;border:2px solid rgba(8,123,185,.24);border-top-color:#087bb9;border-radius:50%;animation:activationReviewSpin 1.15s linear infinite}
.activation-review-card [data-review-status]::before{border-color:rgba(125,229,238,.28);border-top-color:#7de5ee}
.operator-tab,.mode-tab,.faq-button,.content-disclosure>summary,.passport-number-help>summary,.connect-operational-advice>summary,.activation-primary-link,.official-start,.official-help,.connect-whatsapp,.activation-buy-another{transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,color .18s ease}
.operator-tab.is-active img{animation:activationSelectIn .3s ease-out}
.faq-button[aria-expanded="true"]+.faq-answer,[data-complaints-panel]:not([hidden]),.content-disclosure[open]>*:not(summary),.passport-number-help[open]>*:not(summary),.connect-operational-advice[open]>*:not(summary){animation:activationReveal .24s ease-out}
@media(hover:hover){.operator-tab:hover,.mode-tab:not([disabled]):hover,.activation-primary-link:hover,.official-start:hover,.official-help:hover,.connect-whatsapp:hover,.activation-buy-another:hover{transform:translateY(-2px)}.faq-button:hover,.content-disclosure>summary:hover,.passport-number-help>summary:hover,.connect-operational-advice>summary:hover{background-color:rgba(8,123,185,.055)}}
@keyframes activationReviewSpin{to{transform:rotate(360deg)}}
@keyframes activationSelectIn{from{transform:scale(.88);opacity:.7}to{transform:scale(1);opacity:1}}
@keyframes activationReveal{from{transform:translateY(-5px);opacity:0}to{transform:none;opacity:1}}
@media(prefers-reduced-motion:reduce){[data-review-status]::before,.operator-tab.is-active img,.faq-button[aria-expanded="true"]+.faq-answer,[data-complaints-panel]:not([hidden]),.content-disclosure[open]>*:not(summary),.passport-number-help[open]>*:not(summary),.connect-operational-advice[open]>*:not(summary){animation:none!important}.operator-tab,.mode-tab,.faq-button,.content-disclosure>summary,.passport-number-help>summary,.connect-operational-advice>summary,.activation-primary-link,.official-start,.official-help,.connect-whatsapp,.activation-buy-another{transition:none!important}}

/* Invitación a la comunidad CONNECT */
.popup-social-follow{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px;padding:9px 11px;border:1px solid #dce7f4;border-radius:12px;background:rgba(255,255,255,.94);color:#294663;font-size:.76rem}.popup-social-follow>div{display:flex;gap:7px}.popup-social-follow a{display:grid;place-items:center;width:42px;height:42px;border:1px solid #dbe5f1;border-radius:13px;background:#fff;box-shadow:0 4px 12px rgba(8,43,87,.08);transition:transform .18s ease,box-shadow .18s ease}.popup-social-follow img{display:block;width:30px;height:30px;object-fit:contain}.activation-social{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,1.15fr);align-items:center;gap:30px;max-width:1180px;margin:20px auto 34px;padding:28px 30px;border-radius:22px;background:linear-gradient(120deg,#edf6ff,#fff7ee);box-shadow:0 14px 38px rgba(9,49,96,.08)}.activation-social h2{margin:0 0 8px;color:#102f55}.activation-social p{margin-bottom:0;color:#52677e;line-height:1.55}.activation-social-links{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.activation-social-links a{display:flex;align-items:center;gap:11px;min-width:0;min-height:76px;padding:12px;border:1px solid #e0e8f2;border-radius:15px;background:#fff;color:#183654;text-decoration:none;box-shadow:0 6px 20px rgba(10,48,91,.07);transition:transform .18s ease,box-shadow .18s ease}.activation-social-links img{flex:0 0 46px;width:46px;height:46px;padding:5px;border:1px solid #e3eaf3;border-radius:14px;background:#fff;object-fit:contain}.activation-social-links strong,.activation-social-links small{display:block}.activation-social-links strong{font-size:.92rem}.activation-social-links small{margin-top:3px;color:#64768b;font-size:.7rem}@media(hover:hover){.popup-social-follow a:hover,.activation-social-links a:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(10,48,91,.14)}}@media(max-width:800px){.activation-social{grid-template-columns:1fr;margin-inline:12px;padding:22px}.activation-social-links{grid-template-columns:1fr 1fr 1fr}}@media(max-width:520px){.popup-social-follow{align-items:flex-start}.popup-social-follow>strong{max-width:150px}.activation-social-links{grid-template-columns:1fr}.activation-social-links a{min-height:66px}}@media(prefers-reduced-motion:reduce){.popup-social-follow a,.activation-social-links a{transition:none}.popup-social-follow a:hover,.activation-social-links a:hover{transform:none}}
.content-disclosure>summary:hover{background:#f7faff}
.content-disclosure>summary:focus-visible{outline:3px solid var(--act-focus);outline-offset:-3px}
.content-disclosure[open]>summary{border-bottom:1px solid #dce6f2;background:#f7faff}
.content-disclosure[open]>summary i{transform:rotate(45deg);background:#075dc7;color:#fff}
.content-disclosure:not([open])>.content-disclosure__body{display:none}
.content-disclosure__body{padding:18px}
.content-disclosure__body>:first-child{margin-top:0}
.content-disclosure__body>:last-child{margin-bottom:0}
.content-disclosure--subtel{grid-column:1/-1}
.content-disclosure--security{margin-top:16px;background:rgba(255,255,255,.96)}
.content-disclosure--security .content-disclosure__body{padding:0}
.content-disclosure--security .security-rules{margin:0;padding:18px}
.content-disclosure--regulation{margin-top:22px}
.content-disclosure--regulation .regulation-differences{margin-top:0}
@media(max-width:560px){
  .content-disclosure{border-radius:13px}
  .content-disclosure>summary{min-height:58px;padding:12px 14px}
  .content-disclosure>summary small{font-size:.76rem}
  .content-disclosure__body{padding:14px}
}
@media(prefers-reduced-motion:reduce){.content-disclosure>summary i{transition:none}}

/* Pulido visual de navegación y módulos desplegables. */
.operator-tab{transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}
.operator-tab:hover{transform:translateY(-2px)}
.operator-tab.is-active{transform:translateY(-2px)}
.content-disclosure{--disclosure-accent:#075dc7;border-color:#cfdded}
.content-disclosure--subtel{--disclosure-accent:#087bb9}
.content-disclosure--security{--disclosure-accent:#c85b00}
.content-disclosure--regulation{--disclosure-accent:#075dc7}
.content-disclosure>summary{position:relative;padding-left:22px}
.content-disclosure>summary::before{position:absolute;top:14px;bottom:14px;left:0;width:4px;border-radius:0 4px 4px 0;background:var(--disclosure-accent);content:""}
.content-disclosure>summary i{width:auto;min-width:62px;height:34px;padding:0 12px;border-radius:999px;background:#e8f2ff;color:#075dc7;font-size:0}
.content-disclosure>summary i::after{content:"Ver";font-size:.78rem;font-weight:900;letter-spacing:.02em;text-transform:uppercase}
.content-disclosure[open]>summary i{transform:none;background:var(--disclosure-accent)}
.content-disclosure[open]>summary i::after{content:"Ocultar"}
.content-disclosure__body{border-left:4px solid color-mix(in srgb,var(--disclosure-accent),transparent 82%)}
@supports not (color:color-mix(in srgb,#000,transparent)){
  .content-disclosure__body{border-left:4px solid #d8e6f6}
}
@media(max-width:560px){
  .content-disclosure>summary{gap:10px;padding-left:18px}
  .content-disclosure>summary i{min-width:54px;padding-inline:9px}
  .content-disclosure>summary i::after{font-size:.7rem}
}
@media(prefers-reduced-motion:reduce){
  .operator-tab{transition:none}
  .operator-tab:hover,.operator-tab.is-active{transform:none}
}

/* Selector inicial de nacionalidad para orientar la activación. */
.contact-entry-identity{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0 14px}
.contact-entry-identity>button{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;min-height:82px;padding:14px;border:1px solid #cbd9ea;border-radius:16px;background:#f7faff;color:#10213d;text-align:left;font:inherit;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.contact-entry-identity>button:hover{transform:translateY(-2px);border-color:#1670db;box-shadow:0 10px 24px rgba(8,43,87,.1)}
.contact-entry-identity>button:focus-visible{outline:3px solid var(--act-focus);outline-offset:3px}
.contact-entry-identity>button.is-selected{border-color:#075dc7;background:#eaf3ff;box-shadow:0 0 0 3px rgba(7,93,199,.13)}
.contact-entry-identity>button>img{display:block;width:48px;height:32px;border-radius:4px;object-fit:cover;box-shadow:0 2px 6px rgba(8,43,87,.16)}
.contact-entry-identity strong,.contact-entry-identity small{display:block}
.contact-entry-identity strong{font-size:.95rem;line-height:1.25}
.contact-entry-identity small{margin-top:4px;color:#5d7087;font-size:.72rem;line-height:1.35}
.contact-entry-foreign-flags{display:flex;align-items:center;width:52px}
.contact-entry-foreign-flags img{display:block;width:28px;height:19px;margin-right:-9px;border:2px solid #fff;border-radius:4px;object-fit:cover;box-shadow:0 2px 6px rgba(8,43,87,.16)}
.contact-entry-commerce{display:flex;align-items:center;gap:8px;margin:14px 0;padding:10px 12px;border-radius:12px;background:#eef5ff;color:#294663;font-size:.8rem}
.contact-entry-commerce span{margin-right:auto;font-weight:800}
.contact-entry-commerce a{padding:7px 10px;border-radius:999px;background:#fff;color:#075dc7;text-decoration:none;font-weight:900}
.contact-entry-options{margin:12px 0}
.contact-entry-options .contact-option{display:flex;align-items:center;gap:8px;padding:9px 10px;text-align:left}
.contact-entry-options .contact-option__logo{flex:0 0 32px;width:32px;height:32px;margin:0}
.contact-entry-options .contact-option strong{font-size:.8rem;line-height:1.2}
.contact-entry-options .contact-option small{font-size:.65rem}
.contact-entry-dialog .contact-entry-brand{margin-bottom:14px}
@media(max-width:560px){
  .contact-entry-identity{grid-template-columns:1fr;gap:8px;margin-block:14px 10px}
  .contact-entry-identity>button{min-height:68px;padding:11px 12px}
  .contact-entry-commerce{flex-wrap:wrap}
  .contact-entry-commerce span{flex:1 0 100%;margin-right:0}
  .contact-entry-options{grid-template-columns:1fr 1fr 1fr}
  .contact-entry-options .contact-option{display:grid;justify-items:center;padding:8px 5px;text-align:center}
}
@media(prefers-reduced-motion:reduce){.contact-entry-identity>button{transition:none}.contact-entry-identity>button:hover{transform:none}}

/* Logos de compañías en burbujas dentro del popup inicial. */
.popup-operator-bubbles{display:flex;align-items:center;justify-content:center;gap:7px;margin:12px 0 10px}
.popup-operator-bubbles__label{margin-right:4px;color:#60758b;font-size:.7rem;font-weight:900;letter-spacing:.03em;text-transform:uppercase}
.popup-operator-bubble{display:grid;place-items:center;width:42px;height:42px;padding:7px;border:1px solid #d7e2ef;border-radius:50%;background:#fff;box-shadow:0 4px 12px rgba(8,43,87,.09);cursor:pointer;transition:transform .18s ease,border-color .18s ease,opacity .18s ease}
.popup-operator-bubble:not(:disabled):hover{transform:translateY(-2px);border-color:#075dc7}
.popup-operator-bubble:focus-visible{outline:3px solid var(--act-focus);outline-offset:2px}
.popup-operator-bubble:disabled{opacity:.42;cursor:not-allowed;box-shadow:none}
.popup-operator-bubble img{display:block;width:100%;height:100%;object-fit:contain}
.popup-operator-bubble--wom img{padding:4px;border-radius:5px;background:#68158d}
@media(max-width:560px){
  .popup-operator-bubbles{gap:6px}
  .popup-operator-bubbles__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .popup-operator-bubble{width:40px;height:40px}
}
@media(prefers-reduced-motion:reduce){.popup-operator-bubble{transition:none}.popup-operator-bubble:not(:disabled):hover{transform:none}}

/* La ilustración internacional se declara al final para prevalecer sobre el fondo base del módulo. */
body[data-page="activacion"] .foreign-country-guide {
  background:
    linear-gradient(90deg, rgba(255, 255, 255, .995) 0%, rgba(255, 255, 255, .97) 60%, rgba(244, 250, 255, .84) 100%),
    url("assets/activation/foreign-guidance-background.webp") 80% center / cover no-repeat;
  box-shadow: 0 14px 36px rgba(8, 52, 104, .08);
}

@media(max-width:720px) {
  body[data-page="activacion"] .foreign-country-guide {
    background:
      linear-gradient(180deg, rgba(255, 255, 255, .995) 0%, rgba(255, 255, 255, .98) 76%, rgba(244, 250, 255, .9) 100%),
      url("assets/activation/foreign-guidance-background.webp") 82% center / cover no-repeat;
  }
}

/* Contexto visual para los requisitos regulatorios, sin identidad gráfica gubernamental. */
body[data-page="activacion"] .activation-subtel-requirements {
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(90deg, rgba(5, 27, 60, .98) 0%, rgba(7, 42, 87, .96) 55%, rgba(8, 55, 111, .76) 100%),
    url("assets/activation/subtel-regulation-background.webp") 76% center / cover no-repeat;
  box-shadow: 0 20px 52px rgba(7, 35, 79, .18);
}

body[data-page="activacion"] .activation-subtel-requirements > * {
  position: relative;
  z-index: 1;
}

@media(max-width:680px) {
  body[data-page="activacion"] .activation-subtel-requirements {
    background:
      linear-gradient(180deg, rgba(5, 27, 60, .99) 0%, rgba(7, 42, 87, .97) 72%, rgba(8, 55, 111, .84) 100%),
      url("assets/activation/subtel-regulation-background.webp") 80% center / cover no-repeat;
  }
}

/* Fondos de apoyo para diagnóstico, reclamos, preparación y orientación. */
body[data-page="activacion"] .activation-troubleshooting {
  border-radius: 24px;
  background:
    linear-gradient(90deg, rgba(245, 249, 255, .995) 0%, rgba(245, 249, 255, .97) 58%, rgba(238, 247, 255, .86) 100%),
    url("assets/activation/troubleshooting-background.webp") 82% top / auto 390px no-repeat;
}

body[data-page="activacion"] .operator-complaints {
  background:
    linear-gradient(90deg, rgba(247, 250, 255, .995) 0%, rgba(247, 250, 255, .97) 62%, rgba(232, 243, 255, .84) 100%),
    url("assets/activation/complaints-105-background.webp") 84% center / cover no-repeat;
}

body[data-page="activacion"] .guide-prerequisites {
  background:
    linear-gradient(180deg, rgba(243, 246, 250, .995) 0%, rgba(243, 246, 250, .97) 64%, rgba(237, 246, 255, .86) 100%),
    url("assets/activation/requirements-background.webp") 76% bottom / auto 100% no-repeat;
}

body[data-page="activacion"] .activation-role {
  background:
    linear-gradient(90deg, rgba(234, 242, 253, .99) 0%, rgba(234, 242, 253, .96) 55%, rgba(226, 247, 244, .84) 100%),
    url("assets/activation/whatsapp-guidance-background.webp") 78% center / cover no-repeat;
  box-shadow: 0 18px 46px rgba(8, 52, 104, .1);
}

@media(max-width:720px) {
  body[data-page="activacion"] .activation-troubleshooting {
    border-radius: 0;
    background:
      linear-gradient(180deg, rgba(245, 249, 255, .995) 0%, rgba(245, 249, 255, .97) 70%, rgba(238, 247, 255, .9) 100%),
      url("assets/activation/troubleshooting-background.webp") 84% top / auto 330px no-repeat;
  }

  body[data-page="activacion"] .operator-complaints {
    background:
      linear-gradient(180deg, rgba(247, 250, 255, .995) 0%, rgba(247, 250, 255, .97) 75%, rgba(232, 243, 255, .88) 100%),
      url("assets/activation/complaints-105-background.webp") 84% center / cover no-repeat;
  }

  body[data-page="activacion"] .activation-role {
    background:
      linear-gradient(180deg, rgba(234, 242, 253, .99) 0%, rgba(234, 242, 253, .97) 72%, rgba(226, 247, 244, .88) 100%),
      url("assets/activation/whatsapp-guidance-background.webp") 80% center / cover no-repeat;
  }
}

/* Evita duplicar a Connectio sobre ilustraciones editoriales completas. */
body[data-page="activacion"] .activation-biometric .connectio-biometric-image,
body[data-page="activacion"] .activation-problem-heading > img,
body[data-page="activacion"] .guide-prerequisites > img,
body[data-page="activacion"] .activation-role-intro > img {
  display: none;
}

body[data-page="activacion"] .activation-problem-heading,
body[data-page="activacion"] .activation-role-intro {
  max-width: 780px;
  padding-right: 0;
}

body[data-page="activacion"] .activation-problem-heading h2 {
  max-width: 720px;
  font-size: clamp(2rem, 4.2vw, 3.55rem);
  line-height: 1.02;
  letter-spacing: -.025em;
}

body[data-page="activacion"] .activation-problem-heading > div > p:last-child {
  max-width: 680px;
}

@media(max-width:560px) {
  body[data-page="activacion"] .activation-problem-heading h2 {
    font-size: clamp(1.9rem, 10vw, 2.6rem);
    line-height: 1.06;
  }
}

/* Señales públicas: útiles para diagnóstico, separadas de los hechos oficiales. */
body[data-page="activacion"] .incident-signals {
  margin: 24px 0;
  padding: clamp(18px, 3vw, 28px);
  border: 1px solid #f0c879;
  border-radius: 20px;
  background: linear-gradient(135deg, #fffaf0 0%, #fff 72%);
  color: #243957;
  box-shadow: 0 14px 36px rgba(13, 45, 86, .07);
}

body[data-page="activacion"] .incident-signals__heading {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 10px;
}

body[data-page="activacion"] .incident-signals__heading > span {
  display: grid;
  flex: 0 0 46px;
  width: 46px;
  height: 46px;
  place-items: center;
  border-radius: 14px;
  background: #fff0c7;
  color: #8b5800;
}

body[data-page="activacion"] .incident-signals h3,
body[data-page="activacion"] .incident-signals p { margin: 0; }

body[data-page="activacion"] .incident-signals > p { line-height: 1.65; }

body[data-page="activacion"] .incident-signals ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 18px 0;
  padding: 0;
  list-style: none;
}

body[data-page="activacion"] .incident-signals li {
  position: relative;
  padding: 12px 12px 12px 34px;
  border-radius: 12px;
  background: #fff;
  box-shadow: inset 0 0 0 1px rgba(152, 105, 14, .14);
  line-height: 1.45;
}

body[data-page="activacion"] .incident-signals li::before {
  content: "!";
  position: absolute;
  top: 12px;
  left: 13px;
  color: #9b6200;
  font-weight: 900;
}

body[data-page="activacion"] .incident-signals details {
  padding-top: 14px;
  border-top: 1px solid rgba(139, 88, 0, .2);
}

body[data-page="activacion"] .incident-signals summary {
  min-height: 44px;
  color: #075dc7;
  font-weight: 800;
  cursor: pointer;
}

body[data-page="activacion"] .subtel-requirements-current {
  padding: 14px 16px;
  border-left: 4px solid #008b63;
  border-radius: 10px;
  background: #eaf8f3;
  color: #175540;
  line-height: 1.55;
}

@media(max-width:640px) {
  body[data-page="activacion"] .incident-signals ul { grid-template-columns: 1fr; }
  body[data-page="activacion"] .incident-signals__heading { align-items: flex-start; }
}

/* Etapa 2: sistema unificado de iconos de activación */
body[data-page="activacion"]{--act-mask-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--act-mask-external:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 5h5v5M19 5l-9 9'/%3E%3Cpath d='M18 13v6H5V6h6'/%3E%3C/g%3E%3C/svg%3E");--act-mask-check:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m5 12 4 4L19 6' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--act-mask-warning:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 3 10 18H2L12 3Z' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M12 9v5M12 18h.01' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E");--act-mask-info:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M12 11v6M12 7h.01' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E")}
.activation-icon-sprite{position:absolute;width:0;height:0;overflow:hidden}
.activation-ui-icon{display:block;width:1.35em;height:1.35em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.operator-data-requirements__heading>span .activation-ui-icon,.activation-notice-icon .activation-ui-icon{width:27px;height:27px}
.prerequisite-cards>li>span .activation-ui-icon,.security-rules>li>span .activation-ui-icon{width:25px;height:25px}
.faq-search>div>span .activation-ui-icon{width:22px;height:22px}
.content-disclosure>summary i{display:inline-flex;align-items:center;justify-content:center;gap:4px}
.content-disclosure>summary i .activation-ui-icon{width:16px;height:16px;transition:transform .2s ease}
.content-disclosure[open]>summary i .activation-ui-icon{transform:rotate(180deg)}
.faq-indicator .activation-ui-icon,.operator-complaints__indicator .activation-ui-icon{width:18px;height:18px;transition:transform .2s ease}
.faq-button[aria-expanded="true"] .faq-indicator .activation-ui-icon,.operator-complaints__toggle[aria-expanded="true"] .operator-complaints__indicator .activation-ui-icon{transform:rotate(180deg)}
.passport-number-help>summary::after,.connect-operational-advice>summary::after{content:"";width:22px;height:22px;background:currentColor;-webkit-mask:var(--act-mask-chevron) center/18px no-repeat;mask:var(--act-mask-chevron) center/18px no-repeat;transition:transform .2s ease}
.passport-number-help[open]>summary::after,.connect-operational-advice[open]>summary::after{content:"";transform:rotate(180deg)}
.official-start::after,.connect-whatsapp::after,.activation-subtel-requirements>a::after{content:"";width:18px;height:18px;background:currentColor;-webkit-mask:var(--act-mask-external) center/contain no-repeat;mask:var(--act-mask-external) center/contain no-repeat}
.operator-complaints__line-rule::before{content:"";background:#a45a00;-webkit-mask:var(--act-mask-warning) center/16px no-repeat;mask:var(--act-mask-warning) center/16px no-repeat}
.external-note::before{content:"";background:#174a87;-webkit-mask:var(--act-mask-info) center/20px no-repeat;mask:var(--act-mask-info) center/20px no-repeat}
.operator-data-requirements li::before,.whatsapp-allowed-data li::before{content:"";width:18px;height:18px;background:currentColor;-webkit-mask:var(--act-mask-check) center/contain no-repeat;mask:var(--act-mask-check) center/contain no-repeat}
.operator-data-requirements.is-unconfirmed li::before{content:"";background:#b85d00;-webkit-mask:var(--act-mask-warning) center/contain no-repeat;mask:var(--act-mask-warning) center/contain no-repeat}
.step-check[aria-pressed="true"]::before{content:"";width:20px;height:20px;background:#fff;-webkit-mask:var(--act-mask-check) center/contain no-repeat;mask:var(--act-mask-check) center/contain no-repeat}
@media(prefers-reduced-motion:reduce){.content-disclosure>summary i .activation-ui-icon,.faq-indicator .activation-ui-icon,.operator-complaints__indicator .activation-ui-icon,.passport-number-help>summary::after,.connect-operational-advice>summary::after{transition:none}}

/* Etapa 3: proporciones, contraste y respuesta móvil del sistema de iconos */
.operator-data-requirements__heading>span,.activation-notice-icon,.prerequisite-cards>li>span,.security-rules>li>span{box-shadow:inset 0 0 0 1px rgba(255,255,255,.2),0 6px 16px rgba(8,43,87,.1)}
.operator-data-requirements__heading>span,.activation-notice-icon{flex:0 0 auto}
.prerequisite-cards>li>span{width:42px;height:42px;border-radius:13px;color:var(--operator);background:color-mix(in srgb,var(--operator),#fff 88%)}
.prerequisite-cards li{grid-template-columns:42px minmax(0,1fr);align-items:center;min-width:0;min-height:94px;padding:12px}
.prerequisite-cards strong{font-size:.88rem}.prerequisite-cards small{font-size:.73rem}
.security-rules>li>span{width:44px;height:44px;border-radius:13px;background:#fff0f0;color:#a52a24}
.security-rules li{grid-template-columns:44px minmax(0,1fr);min-width:0;padding:13px}
.faq-search>div>span{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:11px;background:#e8f2ff;color:#075dc7}
.faq-indicator,.operator-complaints__indicator{flex:0 0 32px;width:32px;height:32px;border-radius:50%}
.content-disclosure>summary i{min-width:82px;min-height:38px;padding-inline:10px}
.content-disclosure>summary i .activation-ui-icon{flex:0 0 16px}
.operator-data-requirements li::before{top:14px;left:13px;background:var(--operator)}
.whatsapp-allowed-data li::before{top:1px;background:#087f5b}
.operator-data-requirements.is-unconfirmed li::before{background:#b85d00}
.official-start::after,.connect-whatsapp::after{top:50%;transform:translateY(-50%)}
.activation-subtel-requirements>a::after{display:inline-block;flex:0 0 18px;margin-left:8px}
.passport-number-help>summary::after,.connect-operational-advice>summary::after{flex:0 0 22px}
@supports not (background:color-mix(in srgb,#000,#fff)){.prerequisite-cards>li>span{background:#e7f0fb}}
@media(max-width:1100px) and (min-width:901px){.prerequisite-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.prerequisite-cards .is-essential{grid-column:auto}}
@media(max-width:720px){.operator-data-requirements__heading>span{width:44px;height:44px}.operator-data-requirements__heading>span .activation-ui-icon{width:24px;height:24px}.prerequisite-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.prerequisite-cards li{min-height:88px}.security-rules{grid-template-columns:minmax(0,1fr)}.content-disclosure>summary i{min-width:72px}.activation-ui-icon{stroke-width:2.15}}
@media(max-width:390px){.prerequisite-cards{grid-template-columns:minmax(0,1fr)}.prerequisite-cards li{min-height:76px}.faq-button{grid-template-columns:34px minmax(0,1fr) 30px;padding-inline:11px}.faq-number{width:34px;height:34px}.content-disclosure>summary i{min-width:38px;width:38px;padding:0}.content-disclosure>summary i::after{display:none}.content-disclosure>summary i .activation-ui-icon{width:18px;height:18px}.operator-complaints__toggle{grid-template-columns:50px minmax(0,1fr) 30px}.operator-complaints__number{width:50px;height:50px}}

/* Alex: contacto humano y periódico desde WhatsApp */
.alex-whatsapp-assistant{position:fixed;z-index:9200;right:18px;bottom:86px;width:min(390px,calc(100vw - 36px));opacity:0;transform:translateY(18px) scale(.97);pointer-events:none;transition:opacity .24s ease,transform .24s ease}.alex-whatsapp-assistant.is-visible{opacity:1;transform:none;pointer-events:auto}.alex-whatsapp-assistant>a{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:13px;min-height:94px;padding:11px 48px 11px 11px;border:1px solid rgba(255,255,255,.28);border-radius:22px 22px 5px 22px;background:linear-gradient(135deg,#06182f,#0b3769);color:#fff;text-decoration:none;box-shadow:0 20px 55px rgba(2,18,43,.34)}.alex-whatsapp-assistant>a::after{content:"";position:absolute;right:20px;bottom:-10px;width:22px;height:22px;background:#0b3769;clip-path:polygon(0 0,100% 0,100% 100%)}.alex-whatsapp-assistant img{display:block;width:72px;height:72px;border:3px solid #25d366;border-radius:50%;object-fit:cover;box-shadow:0 0 0 4px rgba(37,211,102,.16)}.alex-whatsapp-assistant span,.alex-whatsapp-assistant small,.alex-whatsapp-assistant strong,.alex-whatsapp-assistant em{display:block;min-width:0}.alex-whatsapp-assistant small{color:#83f1ad;font-size:.72rem;font-weight:900;letter-spacing:.02em;text-transform:uppercase}.alex-whatsapp-assistant strong{margin-top:3px;color:#fff;font-size:.94rem;line-height:1.32}.alex-whatsapp-assistant em{margin-top:5px;color:#d9e8f8;font-size:.76rem;font-style:normal}.alex-whatsapp-assistant>button{position:absolute;z-index:2;top:9px;right:9px;display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:1.35rem;cursor:pointer}.alex-whatsapp-assistant>a:focus-visible,.alex-whatsapp-assistant>button:focus-visible{outline:3px solid #25d366;outline-offset:3px}.has-alex-assistant .connectio-floating{opacity:0;pointer-events:none}.alex-whatsapp-assistant.is-visible img{animation:alexAvatarHello .55s ease-out}@keyframes alexAvatarHello{0%{transform:scale(.86) rotate(-4deg)}70%{transform:scale(1.04) rotate(1deg)}100%{transform:none}}@media(max-width:600px){.alex-whatsapp-assistant{right:10px;bottom:78px;width:min(360px,calc(100vw - 20px))}.alex-whatsapp-assistant>a{grid-template-columns:60px minmax(0,1fr);min-height:84px;padding:10px 43px 10px 10px;border-radius:18px 18px 4px 18px}.alex-whatsapp-assistant img{width:60px;height:60px}.alex-whatsapp-assistant strong{font-size:.86rem}.alex-whatsapp-assistant small{font-size:.64rem}.alex-whatsapp-assistant em{font-size:.7rem}}@media(prefers-reduced-motion:reduce){.alex-whatsapp-assistant{transition:none}.alex-whatsapp-assistant.is-visible img{animation:none}}

/* Popup ordenado: Alex primero y canales secundarios compactos */
.contact-entry-dialog{width:min(600px,100%);padding:24px}.contact-entry-dialog .activation-kicker{margin-bottom:5px}.contact-entry-dialog h2{margin-bottom:5px}.contact-entry-dialog>#contact-popup-description{margin:0 0 12px;line-height:1.4}.contact-entry-alex{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:11px;margin:0 0 12px;padding:8px 10px;border:1px solid #cfe0f3;border-radius:15px;background:linear-gradient(110deg,#f3f8ff,#fff);color:#173653;text-decoration:none;box-shadow:0 7px 20px rgba(8,43,87,.07)}.contact-entry-alex>img{display:block;width:58px;height:58px;border:2px solid #25d366;border-radius:50%;object-fit:cover}.contact-entry-alex span,.contact-entry-alex small,.contact-entry-alex strong,.contact-entry-alex em{display:block;min-width:0}.contact-entry-alex small{color:#087f5b;font-size:.62rem;font-weight:900;text-transform:uppercase}.contact-entry-alex strong{margin-top:1px;color:#0a2e59;font-size:.95rem}.contact-entry-alex em{margin-top:2px;color:#5a6e84;font-size:.72rem;font-style:normal;line-height:1.3}.contact-entry-alex>b{padding:8px 10px;border-radius:999px;background:#087f5b;color:#fff;font-size:.72rem}.contact-entry-identity{gap:8px;margin:10px 0}.contact-entry-identity>button{min-height:68px;padding:10px 11px}.popup-operator-bubbles{margin:8px 0}.contact-entry-safety{margin:7px 0!important;line-height:1.35}.contact-entry-commerce{margin:8px 0}.contact-entry-options{gap:7px;margin:8px 0}.contact-entry-options .contact-option{min-height:50px;padding:7px 8px}.contact-entry-options .contact-option__logo{width:30px;height:30px}.popup-social-follow{margin-bottom:8px;padding:7px 9px}.contact-entry-continue{min-height:46px}.contact-entry-alex:hover{border-color:#25a861;box-shadow:0 10px 25px rgba(8,43,87,.12)}.contact-entry-alex:focus-visible{outline:3px solid #25d366;outline-offset:3px}@media(max-width:520px){.contact-entry-dialog{padding:16px 14px}.contact-entry-brand{margin-bottom:7px}.contact-entry-dialog .activation-kicker{font-size:.66rem}.contact-entry-dialog h2{font-size:1.55rem}.contact-entry-alex{grid-template-columns:50px minmax(0,1fr) auto;gap:8px;padding:7px}.contact-entry-alex>img{width:50px;height:50px}.contact-entry-alex em{font-size:.67rem}.contact-entry-alex>b{padding:7px 8px}.contact-entry-identity{grid-template-columns:1fr 1fr}.contact-entry-identity>button{grid-template-columns:38px minmax(0,1fr);min-height:62px;padding:8px}.contact-entry-identity>button>img{width:38px;height:26px}.contact-entry-identity small{display:none}.contact-entry-foreign-flags{width:42px}.contact-entry-foreign-flags img{width:23px;height:16px}.contact-entry-options{grid-template-columns:repeat(3,1fr)}.contact-entry-options .contact-option{display:grid;justify-items:center;gap:3px;text-align:center}.contact-entry-options .contact-option span{min-width:0}.contact-entry-options .contact-option small{font-size:.6rem}.popup-social-follow>strong{max-width:130px}.contact-entry-safety{font-size:.72rem}}@media(max-width:370px){.contact-entry-alex>b{display:none}.contact-entry-alex{grid-template-columns:48px minmax(0,1fr)}.contact-entry-commerce{display:grid;grid-template-columns:1fr 1fr}.contact-entry-commerce span{grid-column:1/-1}.popup-operator-bubble{width:36px;height:36px}}

/* Alex en la esquina: visible sin ocupar espacio del flujo de activación */
.contact-entry-dialog .contact-entry-alex{position:absolute;z-index:4;top:13px;right:62px;display:flex;align-items:center;gap:7px;width:auto;margin:0;padding:4px 9px 4px 4px;border-color:#bcd5ea;border-radius:999px;background:rgba(255,255,255,.96);box-shadow:0 7px 20px rgba(8,43,87,.13)}.contact-entry-dialog .contact-entry-alex>img{width:42px;height:42px}.contact-entry-dialog .contact-entry-alex span{display:block}.contact-entry-dialog .contact-entry-alex strong{font-size:.78rem;line-height:1.1}.contact-entry-dialog .contact-entry-alex small{margin-top:2px;color:#087f5b;font-size:.58rem;line-height:1;text-transform:none}.contact-entry-dialog .contact-entry-brand{padding-right:160px}@media(max-width:520px){.contact-entry-dialog .contact-entry-alex{top:12px;right:61px;padding:3px}.contact-entry-dialog .contact-entry-alex>img{width:40px;height:40px}.contact-entry-dialog .contact-entry-alex span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.contact-entry-dialog .contact-entry-brand{padding-right:96px}}

/* Cierre del pulido institucional: navegación móvil horizontal y compacta. */
@media(max-width:800px){
  body[data-page="activacion"] .activation-quick-nav{top:70px;padding:7px 10px}
  body[data-page="activacion"] .activation-quick-nav>div{display:flex;grid-template-columns:none;gap:7px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-width:none}
  body[data-page="activacion"] .activation-quick-nav>div::-webkit-scrollbar{display:none}
  body[data-page="activacion"] .activation-quick-nav a{justify-content:flex-start;flex:0 0 auto;min-width:auto;min-height:44px;padding:6px 10px;font-size:.73rem;scroll-snap-align:start}
  body[data-page="activacion"] .activation-quick-nav a span{display:grid;flex:0 0 28px;width:28px;height:28px}
  body[data-page="activacion"] #companias,
  body[data-page="activacion"] #documento,
  body[data-page="activacion"] #tramite,
  body[data-page="activacion"] #requisitos,
  body[data-page="activacion"] #pasos,
  body[data-page="activacion"] #seguridad,
  body[data-page="activacion"] #problemas,
  body[data-page="activacion"] #ayuda{scroll-margin-top:128px}
}

/* Auditoría de fuentes: visible bajo demanda y compacta en móvil. */
.source-audit{margin-top:24px;border:1px solid #c9d9eb;border-radius:18px;background:#f8fbff;overflow:hidden}.source-audit>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:60px;padding:14px 18px;color:#0a2e59;cursor:pointer;list-style:none}.source-audit>summary::-webkit-details-marker{display:none}.source-audit>summary span,.source-audit>summary strong,.source-audit>summary small{display:block}.source-audit>summary small{margin-top:3px;color:#61758c;font-size:.76rem}.source-audit>summary i{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:50%;background:#e3effd;color:#075dc7}.source-audit[open]>summary i{transform:rotate(180deg)}.source-audit__body{padding:0 18px 18px}.source-audit__meta{padding:12px 14px;border-radius:12px;background:#e7f5ef;color:#174f3c;line-height:1.5}.source-audit__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.source-audit-card{min-width:0;padding:16px;border-radius:15px;background:#fff;box-shadow:0 8px 22px rgba(7,42,85,.07)}.source-audit-card__heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.source-audit-card h4{margin:0;color:#092b55;font-size:1.02rem}.source-audit-card__heading span{padding:5px 8px;border-radius:999px;background:#e8f2ff;color:#075dc7;font-size:.66rem;font-weight:800;text-align:right}.source-audit-card p{margin:10px 0;color:#455d75;font-size:.84rem;line-height:1.5}.source-audit-card__links{display:flex;flex-wrap:wrap;gap:7px}.source-audit-card__links a{display:inline-flex;align-items:center;min-height:38px;padding:7px 10px;border-radius:9px;background:#edf5ff;color:#075dc7;font-size:.74rem;font-weight:800;text-decoration:none}.source-audit-card__links a:hover{text-decoration:underline}.source-audit-card__links a:focus-visible,.source-audit>summary:focus-visible{outline:3px solid #0a70d6;outline-offset:2px}@media(max-width:720px){.source-audit__grid{grid-template-columns:1fr}.source-audit>summary{padding:13px 14px}.source-audit__body{padding:0 12px 14px}.source-audit-card__heading{display:block}.source-audit-card__heading span{display:inline-block;margin-top:7px;text-align:left}}

/* Contraste del contenido desplegable SUBTEL sobre superficies claras. */
body[data-page="activacion"] .activation-subtel-requirements .content-disclosure__body {
  background: #f8fbff;
  color: #173653;
}

body[data-page="activacion"] .activation-subtel-requirements .subtel-requirement-grid article {
  border: 1px solid #d8e5f2;
  background: #fff;
  color: #173653;
}

body[data-page="activacion"] .activation-subtel-requirements .subtel-requirement-grid article > span {
  border-color: #cfe1f4;
  background: #edf6ff;
  color: #075dc7;
}

body[data-page="activacion"] .activation-subtel-requirements .subtel-requirement-grid h3 {
  color: #0a2e59;
}

body[data-page="activacion"] .activation-subtel-requirements .subtel-requirement-grid p {
  color: #4d647c;
}

body[data-page="activacion"] .activation-subtel-requirements .subtel-requirements-note {
  border: 1px solid #c9e9ee;
  background: #e9f8fa;
  color: #174a60;
}

body[data-page="activacion"] .activation-subtel-requirements .subtel-requirements-note strong {
  color: #0b3652;
}

body[data-page="activacion"] .activation-subtel-requirements .content-disclosure__body a {
  color: #075dc7;
}

/* Lectura de normativa: ancla visible y estado vigente antes de la cronología. */
body[data-page="activacion"] #normativa {
  scroll-margin-top: 154px;
}

body[data-page="activacion"] .regulation-timeline {
  scroll-margin-top: 154px;
}

body[data-page="activacion"] .regulation-timeline__status {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: -8px 0 22px;
  padding: 12px 14px;
  border: 1px solid #b8dfd2;
  border-radius: 13px;
  background: #eaf8f3;
  color: #175540;
  line-height: 1.45;
}

body[data-page="activacion"] .regulation-timeline__status::before {
  content: "";
  flex: 0 0 12px;
  width: 12px;
  height: 12px;
  border: 4px solid #cceee2;
  border-radius: 50%;
  background: #008b63;
  box-sizing: content-box;
}

body[data-page="activacion"] .regulation-timeline .is-current {
  margin-bottom: 0;
  padding: 16px 16px 16px 30px;
  border-radius: 0 16px 16px 0;
  box-shadow: inset 0 0 0 1px rgba(0, 145, 105, .16);
}

body[data-page="activacion"] .regulation-timeline .is-current::before {
  top: 20px;
}

@media(max-width:800px) {
  body[data-page="activacion"] #normativa {
    scroll-margin-top: 132px;
  }

  body[data-page="activacion"] .regulation-timeline {
    scroll-margin-top: 132px;
  }
}

@media(max-width:560px) {
  body[data-page="activacion"] .regulation-timeline {
    padding: 20px 16px;
  }

  body[data-page="activacion"] .regulation-timeline__status {
    align-items: flex-start;
    margin-bottom: 18px;
    font-size: .86rem;
  }

  body[data-page="activacion"] .regulation-timeline li,
  body[data-page="activacion"] .regulation-timeline .is-current {
    grid-template-columns: minmax(0, 1fr);
    gap: 7px;
    padding-left: 25px;
  }

  body[data-page="activacion"] .regulation-timeline time {
    grid-row: auto;
  }
}