/* Servicios TI — /soporte y /web */
.ti-console,.ti-panel{background:#0A1838;border:1px solid rgba(120,170,240,.22);border-radius:18px;overflow:hidden;box-shadow:var(--sh-3);color:var(--on-dark);max-width:100%}
.ti-console-body{padding:14px;display:grid;gap:12px}
.ti-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.ti-kpis div{background:#10224C;border:1px solid rgba(120,170,240,.12);border-radius:10px;padding:8px 10px}
.ti-kpis b{display:block;font-size:20px;color:#fff;font-variant-numeric:tabular-nums;line-height:1.1}
.ti-kpis span{font-size:10px;color:#8DA2C4;text-transform:uppercase;letter-spacing:.06em}
.ti-kpis .ok b{color:#19C37D}.ti-kpis .warn b{color:#FF9F1C}.ti-kpis .info b{color:#7FB6FF}
.ti-tickets{display:flex;flex-direction:column;gap:6px}
.ti-tickets li{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:8px 10px;border-radius:8px;background:#0D1D45;font-size:12.5px}
.ti-tickets .mono{font-size:10.5px;color:#9FB2CF}
.ti-t{color:#E8F0FB;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.ti-tickets .tag{font-size:10.5px;padding:3px 8px}
.ti-device{display:grid;grid-template-columns:110px 1fr;gap:12px;align-items:center;padding:10px;border-radius:10px;background:#E8F0FB}
.ti-dev-info strong{font-family:var(--f-mono);font-size:11.5px;color:var(--navy)}
.ti-bar{display:grid;grid-template-columns:44px 1fr 44px;gap:8px;align-items:center;font-size:11px;color:var(--muted);margin-top:5px}
.ti-bar i{display:block;height:6px;border-radius:3px;background:linear-gradient(90deg,var(--c) var(--w),#DCE5EF var(--w))}
.ti-bar em{font-style:normal;font-family:var(--f-mono);color:var(--ink);text-align:right}
.ti-panel-body{padding:12px;display:grid;gap:8px}
.ti-row{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:10px;border-radius:10px;background:#0D1D45}
.ti-row strong{display:block;font-size:14px;color:#fff}
.ti-row span{font-size:12px;color:#9FB2CF}
.ti-domain{gap:14px}
.ti-domain-form{display:grid;grid-template-columns:1fr 120px auto;gap:8px}
.ti-ext{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.ti-ext div{padding:10px;border-radius:10px;background:var(--bg);border:1px solid var(--line-2)}
.ti-ext strong{display:block;color:var(--blue);font-size:14px}
.ti-ext span{font-size:12px;color:var(--muted)}
.ti-mail{display:grid;grid-template-columns:170px 1fr;border-radius:16px;overflow:hidden;background:#fff;box-shadow:var(--sh-3);color:var(--ink);min-height:260px}
.ti-mail-side{background:#EEF4FB;padding:14px 10px;display:flex;flex-direction:column;gap:4px;font-size:13px}
.ti-mail-side span{padding:7px 10px;border-radius:8px;display:flex;justify-content:space-between;color:var(--muted)}
.ti-mail-side span.on{background:#fff;color:var(--ink);font-weight:700}
.ti-mail-side b{color:var(--blue)}
.ti-mail-acc{display:flex!important;gap:6px;align-items:center;font-family:var(--f-mono);font-size:10.5px;color:var(--navy)!important;margin-bottom:6px;word-break:break-all}
.ti-mail-acc svg{width:14px;height:14px;flex:none}
.ti-mail-list{display:flex;flex-direction:column}
.ti-mail-list div{display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:12px 14px;border-bottom:1px solid var(--line-2);font-size:13px}
.ti-mail-list div.unread strong{color:var(--blue)}
.ti-mail-list strong{font-size:13.5px}
.ti-mail-list span{grid-column:1;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ti-mail-list em{grid-row:1;grid-column:2;font-style:normal;font-size:11.5px;color:var(--muted)}
.ti-hero-web{position:relative}
@media (max-width:620px){.ti-domain-form{grid-template-columns:1fr 1fr}.ti-domain-form .btn{grid-column:1/-1}.ti-ext{grid-template-columns:repeat(2,minmax(0,1fr))}.ti-mail{grid-template-columns:1fr}.ti-mail-side{display:none}.ti-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.ti-device{grid-template-columns:80px 1fr}}

/* ---------- /web: flujo, precios ---------- */
.ti-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:12px;align-items:stretch}
.ti-flow-step{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:22px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--sh-1);min-width:0}
.ti-flow-step p{font-size:14px;color:var(--muted)}
.ti-flow-step .tag{align-self:flex-start}
.ti-flow-n{position:absolute;top:16px;right:18px;font-size:12px;font-weight:700;color:var(--electric)}
.ti-flow-arrow{align-self:center;color:var(--electric)}
.ti-flow-arrow svg{width:22px;height:22px}
@media (max-width:1000px){.ti-flow{grid-template-columns:1fr}.ti-flow-arrow{justify-self:center;transform:rotate(90deg)}}
.ti-pgrid{align-items:stretch}
.ti-pcard{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--r-xl);padding:24px;display:flex;flex-direction:column;gap:16px;box-shadow:var(--sh-1);min-width:0;color:var(--ink)}
.ti-pcard--featured{background:var(--grad-dark);border-color:rgba(0,200,248,.45);color:var(--on-dark);box-shadow:var(--sh-3)}
.ti-pcard--featured h3{color:#fff}
.ti-pcard--featured .checks li{color:var(--on-dark)}
.section--dark .ti-pcard:not(.ti-pcard--featured){background:rgba(255,255,255,.04);border-color:var(--dark-line);color:var(--on-dark);box-shadow:none}
.section--dark .ti-pcard:not(.ti-pcard--featured) h3{color:#fff}
.ti-ptag{display:block;font-family:var(--f-mono);font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--blue)}
.ti-pcard--featured .ti-ptag,.section--dark .ti-ptag{color:var(--cyan)}
.ti-pdesc{font-size:14.5px;color:var(--muted)}
.ti-pcard--featured .ti-pdesc,.section--dark .ti-pdesc{color:var(--on-dark-muted)}
.ti-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 6px;padding-block:14px;border-block:1px solid var(--line-2)}
.ti-pcard--featured .ti-price,.section--dark .ti-price{border-color:var(--dark-line)}
.ti-from{flex-basis:100%;font-size:12px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.06em}
.ti-cur{font-size:18px;font-weight:800}
.ti-amt{font-size:clamp(36px,3.6vw,46px);font-weight:800;letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums}
.ti-amt.ti-ph{color:var(--electric)}
.ti-pcard--featured .ti-amt.ti-ph,.section--dark .ti-amt.ti-ph{color:var(--cyan)}
.ti-per{font-size:13px;color:var(--muted);font-weight:600}
.ti-quote{font-size:24px;font-weight:800;line-height:1.1}
.ti-pcard--featured .ti-from,.ti-pcard--featured .ti-per,.section--dark .ti-from,.section--dark .ti-per{color:var(--on-dark-muted)}
.ti-specs{margin:0;display:grid;gap:6px}
.ti-specs div{display:flex;justify-content:space-between;gap:10px;font-size:13.5px;padding:6px 10px;border-radius:8px;background:var(--bg)}
.ti-pcard--featured .ti-specs div,.section--dark .ti-specs div{background:rgba(255,255,255,.06)}
.ti-specs dt{color:var(--muted)}
.ti-pcard--featured .ti-specs dt,.section--dark .ti-specs dt{color:var(--on-dark-muted)}
.ti-specs dd{margin:0;font-weight:700;font-family:var(--f-mono);font-size:12.5px}
.ti-pcta{margin-top:auto}
[data-sec="extensiones"] .table{min-width:0}[data-sec="extensiones"] .table th,[data-sec="extensiones"] .table td{padding:12px 14px}