/* /mi-cuenta/ — portal del cliente (27-10-2026). Usa los colores y radios de portada.css. */
.cuenta{max-width:980px}
.cuenta [hidden]{display:none!important}
.cuenta .sub{color:var(--muted);font-size:14px;margin:0 0 14px}
.cuenta .mini{color:var(--muted);font-size:13px;margin:14px 0 0}
.cuenta .mini a,.cuenta .mini-link{color:var(--blue-2);font-weight:700;text-decoration:none}
.cuenta .mini-link{display:inline-block;margin-top:12px;font-size:13.5px}
.cuenta .centro{text-align:center;margin-top:24px}
.cuenta .err{color:var(--red);font-size:13.5px;min-height:20px;margin:8px 0}

/* ingreso */
.cuenta .login{max-width:440px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:30px 28px}
.cuenta .login h2{font-size:22px;margin:0 0 6px}
.cuenta .lbl{display:block;font-size:13px;font-weight:700;color:var(--muted);margin:14px 0 6px}
.cuenta select,.cuenta input{font:inherit;width:100%;border:1.5px solid #d7deea;border-radius:11px;padding:12px 14px;background:#fff;color:var(--ink)}
.cuenta select:focus,.cuenta input:focus{border-color:var(--blue-2);box-shadow:0 0 0 3px rgba(11,75,187,.12);outline:none}
.cuenta .tel{display:flex;align-items:stretch;border:1.5px solid #d7deea;border-radius:11px;overflow:hidden;background:#fff}
.cuenta .tel:focus-within{border-color:var(--blue-2);box-shadow:0 0 0 3px rgba(11,75,187,.12)}
.cuenta .tel span{display:flex;align-items:center;padding:0 12px;background:#f3f6fb;font-weight:800;color:var(--ink);border-right:1px solid #e3e8f1}
.cuenta .tel input{border:0;box-shadow:none;font-size:18px;font-weight:700;letter-spacing:.03em}
.cuenta .codigo{font-size:28px;font-weight:800;text-align:center;letter-spacing:.4em;padding:14px}
.cuenta .fila-links{display:flex;justify-content:space-between;gap:10px;margin-top:14px}
.cuenta .link{background:none;border:0;padding:4px 0;font:inherit;font-size:14px;font-weight:700;color:var(--blue-2);cursor:pointer}
.cuenta .link:disabled{color:var(--faint);cursor:default}

/* saldo */
.cuenta .saldo-card{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;
  background:linear-gradient(120deg,var(--blue),var(--blue-2));color:#fff;border-radius:var(--r-lg);padding:28px 30px;box-shadow:var(--shadow);margin-bottom:20px}
.cuenta .hola{margin:0;font-weight:700;opacity:.85}
.cuenta .lbl-saldo{margin:10px 0 0;font-size:13px;opacity:.75;text-transform:uppercase;letter-spacing:.08em;font-weight:700}
.cuenta .saldo{margin:2px 0 0;font-size:40px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.cuenta .saldo-nota{margin:4px 0 0;font-size:13px;opacity:.85;min-height:18px}
.cuenta .saldo-nota.alerta{color:#ffd2d6;font-weight:700;opacity:1}
.cuenta .saldo-acc{display:flex;gap:10px;flex-wrap:wrap}
.cuenta .saldo-acc .btn-outline{background:transparent;color:#fff;border-color:rgba(255,255,255,.6)}

/* tarjetas */
.cuenta .c-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}
.cuenta .c-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:22px 24px}
.cuenta .c-card h3{font-size:18px;margin:0 0 6px}
.cuenta .c-card-h{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}
.cuenta .c-card-h select{width:auto;padding:8px 12px;font-size:14px}
.cuenta .tarifa-f{display:flex;gap:8px}
.cuenta .tarifa-f .btn{flex:0 0 auto}
.cuenta .tarifa-r{margin-top:12px}
.cuenta .tarifa-r .res{background:#f5f8fe;border:1px solid var(--blue-line);border-radius:12px;padding:14px 16px}
.cuenta .tarifa-r .res b{display:block;font-size:22px;color:var(--red)}
.cuenta .tarifa-r .res p{margin:4px 0 0;font-size:13.5px;color:var(--muted)}
.cuenta .tarifa-r .dest{display:flex;align-items:center;gap:8px;font-weight:700;margin-bottom:6px}

/* bolsas */
.cuenta .bolsa{border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin-top:10px}
.cuenta .bolsa h4{margin:0;font-size:15px}
.cuenta .bolsa p{margin:4px 0 0;font-size:13px;color:var(--muted)}
.cuenta .bolsa .barra{height:6px;border-radius:6px;background:#e8eef8;margin-top:8px;overflow:hidden}
.cuenta .bolsa .barra i{display:block;height:100%;background:var(--blue-2)}
.cuenta .bolsa .pie{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:10px}
.cuenta .bolsa .precio{font-weight:800;font-size:18px;color:var(--ink)}
.cuenta .bolsa .precio s{font-weight:600;font-size:13px;color:var(--faint);margin-left:6px}
.cuenta .bolsa .btn{padding:9px 14px;font-size:13.5px}
.cuenta .bolsas-t{font-size:13px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:16px 0 0}

/* llamadas */
.cuenta .llamadas{list-style:none;margin:0;padding:0}
.cuenta .llamadas li{display:flex;align-items:center;gap:12px;padding:12px 4px;border-top:1px solid var(--line)}
.cuenta .llamadas li:first-child{border-top:0}
.cuenta .llamadas .vacio{color:var(--muted);justify-content:center;padding:22px}
.cuenta .llamadas .num{flex:1;min-width:0}
.cuenta .llamadas .num b{display:block;font-size:15px;font-variant-numeric:tabular-nums}
.cuenta .llamadas .num small{color:var(--muted);font-size:12.5px}
.cuenta .llamadas .val{text-align:end;font-size:13px;color:var(--muted);white-space:nowrap}
.cuenta .llamadas .val b{display:block;color:var(--ink);font-size:15px;font-variant-numeric:tabular-nums}
.cuenta .llamadas .val .no{color:var(--faint)}
.cuenta .flagc{border-radius:50%;flex:0 0 auto;box-shadow:0 0 0 1px rgba(16,40,90,.08)}

/* planes y autopago */
.cuenta .planes{margin-bottom:20px}
.cuenta .planes .aviso{background:#eef9f1;border:1px solid #cdebd6;color:#17692f;border-radius:10px;padding:10px 12px;font-size:14px;margin:0 0 12px}
.cuenta .planes .aviso.mal{background:#fdeeee;border-color:#f5c9cc;color:#a1121f}
.cuenta .planes .bloque{border-top:1px solid var(--line);padding-top:14px;margin-top:14px}
.cuenta .planes .bloque h4{margin:0 0 8px;font-size:15px}
.cuenta .planes .fila-t{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.cuenta .planes .fila-t p{margin:0;font-size:14px}
.cuenta .planes .acc{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.cuenta .planes .acc .btn{padding:9px 14px;font-size:13.5px}
.cuenta .planes .acc select,.cuenta .planes .acc input{width:auto;padding:8px 12px;font-size:14px}
.cuenta .planes .acc input[type=email]{min-width:220px;flex:1}
.cuenta .planes .estado{font-size:12px;font-weight:800;border-radius:999px;padding:3px 9px;background:#eef2f8;color:var(--muted)}
.cuenta .planes .estado.activa{background:#e6f6ec;color:#17692f}
.cuenta .planes .estado.pausada{background:#fff4e0;color:#94600b}
.cuenta .planes .mini-n{color:var(--muted);font-size:12.5px;margin-top:4px}

/* ventana «Contratar» (27-10-2026): se agrega al <body>, fuera de .cuenta */
.c-vent{position:fixed;inset:0;z-index:100000;background:rgba(3,22,63,.55);display:flex;align-items:center;justify-content:center;padding:16px}
.c-vent-caja{position:relative;background:var(--card);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);width:100%;max-width:460px;max-height:calc(100vh - 32px);overflow:auto;padding:24px 22px 20px;font-family:var(--ff);color:var(--ink)}
.c-vent-caja h3{margin:0 32px 4px 0;font-size:19px;line-height:1.3}
.c-vent-caja .sub{color:var(--muted);font-size:14px;margin:0 0 14px}
.c-vent-caja .sub b{color:var(--ink)}
.c-vent-x{position:absolute;top:10px;inset-inline-end:10px;width:36px;height:36px;border:0;border-radius:50%;background:#eef2f8;color:var(--muted);font-size:22px;line-height:1;cursor:pointer}
.c-vent-x:hover{background:#e2e8f2;color:var(--ink)}
.c-vent-t{display:block;font-size:13px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin:16px 0 8px}
.c-vent-uno{font-size:14px;color:var(--muted);line-height:1.4;margin:0 0 4px}
.c-vent-uno b{color:var(--ink)}
.c-vent-modo{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.c-vent .opc{display:block;width:100%;text-align:start;border:2px solid var(--line);border-radius:var(--r);background:#fff;padding:12px 14px;cursor:pointer;font:inherit;color:inherit;transition:border-color .15s,background .15s}
.c-vent .opc b{display:block;font-size:15px;margin-bottom:3px}
.c-vent .opc span{display:block;font-size:13px;color:var(--muted);line-height:1.35}
.c-vent .opc:hover:not(:disabled){border-color:var(--blue-2)}
.c-vent .opc[aria-checked="true"]{border-color:var(--blue-2);background:var(--blue-tint)}
.c-vent .opc.pago{margin-top:8px}
.c-vent .opc.pago:hover:not(:disabled){background:var(--blue-tint)}
.c-vent .opc:disabled{opacity:.55;cursor:not-allowed}
.c-vent .opc.cargando{opacity:.7;cursor:progress}
.c-vent .opc:focus-visible,.c-vent-x:focus-visible{outline:3px solid #9cc0ff;outline-offset:2px}
.c-vent input[type=email]{width:100%;box-sizing:border-box;padding:10px 12px;font-size:15px;border:1px solid var(--line);border-radius:10px}
.c-vent .aviso{border-radius:10px;padding:10px 12px;font-size:14px;margin:0 0 12px}
.c-vent .aviso.mal{background:#fdeeee;border:1px solid #f5c9cc;color:#a1121f}
.c-vent .mini-n{color:var(--muted);font-size:13px;margin:0 0 10px;background:#eef9f1;border-radius:10px;padding:8px 10px}
.cuenta .bolsa h4 .estado{font-size:11.5px;font-weight:800;border-radius:999px;padding:2px 8px;margin-inline-start:6px;background:#e6f6ec;color:#17692f;vertical-align:middle}
.cuenta .bolsa h4 .estado.pausada,.cuenta .bolsa h4 .estado.pendiente{background:#fff4e0;color:#94600b}
@media (max-width:480px){ .c-vent-modo{grid-template-columns:1fr} .c-vent{align-items:flex-end;padding:0} .c-vent-caja{border-radius:var(--r-lg) var(--r-lg) 0 0;max-height:92vh} }

/* sesión abierta (27-10-2026): una sola franja azul (la del saldo) y un solo botón de recarga */
body.vz-dentro .page-hero{display:none}
body.vz-dentro .page-body-first{margin-top:0;padding-top:28px}
body.vz-dentro .nav-cta,body.vz-dentro .nav-cta-m{display:none!important}
.cuenta .hola{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.cuenta .hola .salir{background:none;border:0;padding:0;font:inherit;font-size:13px;font-weight:600;color:#cfdcf7;text-decoration:underline;text-underline-offset:3px;cursor:pointer;opacity:.9}
.cuenta .hola .salir:hover{color:#fff;opacity:1}

@media (max-width:760px){
  .cuenta .c-grid{grid-template-columns:1fr}
  .cuenta .saldo-card{padding:22px 20px}
  .cuenta .saldo{font-size:34px}
  .cuenta .saldo-acc{width:100%}.cuenta .saldo-acc .btn{flex:1}
  .cuenta .login{padding:24px 18px}
}
[dir="rtl"] .cuenta .tel span{border-right:0;border-left:1px solid #e3e8f1}
[dir="rtl"] .cuenta .saldo,[dir="rtl"] .cuenta .llamadas .num b,[dir="rtl"] .cuenta .llamadas .val b{direction:ltr;unicode-bidi:isolate}

/* ===== Mi cuenta completa (28-10-2026): menú lateral + secciones, estilo Yolla con los colores de Voznet ===== */
body.vz-dentro .cuenta{max-width:var(--maxw)}
body.vz-dentro .support{display:none}
.c-app{display:grid;grid-template-columns:240px minmax(0,1fr);gap:28px;align-items:start}
.c-nav{position:sticky;top:96px;display:flex;flex-direction:column;gap:4px}
.c-nav a{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;color:var(--ink);font-weight:600;font-size:15px;text-decoration:none;transition:background .12s,color .12s}
.c-nav a:hover{background:#fff}
.c-nav a[aria-current="page"]{background:#fff;color:var(--blue-2);font-weight:800;box-shadow:var(--shadow-sm)}
.c-nav .c-ic{flex:0 0 auto;opacity:.9;width:24px;height:24px}
.c-main{min-width:0}
.c-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 18px}
.c-top h1{font-size:30px;margin:0;letter-spacing:-.02em}
.c-yo{position:relative}
.c-yo-btn{display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 14px 6px 6px;font:inherit;font-weight:700;color:var(--ink);cursor:pointer;box-shadow:var(--shadow-sm)}
.c-yo-btn[aria-expanded="true"] .vzp-flecha{transform:rotate(225deg) translateY(-2px)}
.c-av{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#dbe6fb,#c9d8f7);color:var(--blue-2);font-weight:800;flex:0 0 auto}
.c-yo-menu{position:absolute;inset-inline-end:0;top:calc(100% + 8px);z-index:50;width:260px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:8px 0}
.c-yo-h{padding:10px 18px 12px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:2px}
.c-yo-h bdi{color:var(--muted);font-size:13.5px}
.c-yo-nom{max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.c-yo-menu a,.c-yo-menu .salir{display:block;width:100%;text-align:start;padding:10px 18px;color:var(--ink);text-decoration:none;font:inherit;font-size:14.5px;background:none;border:0;cursor:pointer}
.c-yo-menu a:hover,.c-yo-menu .salir:hover{background:var(--blue-tint)}
.c-yo-menu .salir{color:var(--red);font-weight:700}
.c-yo-sep{height:1px;background:var(--line);margin:6px 0}
.c-yo-t{margin:6px 18px 2px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--faint)}
.c-yo-idiomas{display:grid;grid-template-columns:1fr 1fr;padding:0 8px}
.c-yo-idiomas a{padding:7px 10px;border-radius:9px;font-size:14px}
.c-yo-idiomas a[aria-checked="true"]{color:var(--blue-2);font-weight:800;background:var(--blue-tint)}
.c-vista{animation:cEntra .18s ease-out}
@keyframes cEntra{from{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:none}}
.cuenta .c-vista .c-card + .c-card{margin-top:20px}
.cuenta .c-vista .c-grid .c-card + .c-card{margin-top:0}
.c-accesos{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0 0 20px}
.c-acceso{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:18px;text-decoration:none;color:var(--ink);box-shadow:var(--shadow-sm);transition:transform .12s,box-shadow .12s}
.c-acceso:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.c-acceso .c-ic{width:50px;height:50px;padding:8px;border-radius:15px;background:var(--blue-tint);color:var(--blue-2);flex:0 0 auto}
.c-acceso b{display:block;font-size:15.5px}
.c-acceso small{display:block;color:var(--muted);font-size:13px;margin-top:2px}
.c-app-card .stores{margin-top:6px}
/* recargar saldo */
.c-montos{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:8px 0 14px}
.c-monto{border:1.5px solid var(--line);background:#fff;border-radius:14px;padding:16px 8px;font:inherit;cursor:pointer;text-align:center;transition:.12s}
.c-monto b{display:block;font-size:19px;color:var(--ink)}
.c-monto small{display:block;font-size:12px;color:var(--muted);margin-top:2px}
.c-monto.promo{border-color:#f3b5bb}
.c-monto.promo small{color:var(--red);font-weight:700}
.c-monto[aria-checked="true"]{border-color:var(--blue-2);background:var(--blue-2);box-shadow:0 8px 20px rgba(11,75,187,.25)}
.c-monto[aria-checked="true"] b,.c-monto[aria-checked="true"] small{color:#fff}
.c-pagos{display:flex;align-items:center;gap:6px;margin-top:12px}
/* recargas móviles dentro de la cuenta */
.cuenta .c-rm .rm-card{box-shadow:none;border:0;padding:0;max-width:520px;background:transparent}
.c-rm-cerrado p{margin:0 0 14px;color:var(--muted)}
/* invita y gana */
.c-pasos{margin:4px 0 16px;padding-inline-start:20px;color:var(--muted);font-size:14.5px;line-height:1.7}
.c-lbl{margin:14px 0 6px;font-size:13px;font-weight:800;color:var(--muted)}
.c-copia{display:flex;align-items:center;gap:12px;background:var(--blue-tint);border:1px dashed var(--blue-line);border-radius:14px;padding:10px 10px 10px 16px}
.c-copia b,.c-copia span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.c-copia b{font-size:22px;letter-spacing:.08em;color:var(--blue-2)}
.c-copia .btn{padding:8px 16px}
.c-invita .cta-row{margin-top:16px}
.c-cifras{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}
.c-cifras div{background:#f6f8fc;border-radius:14px;padding:14px 16px}
.c-cifras b{display:block;font-size:26px;color:var(--blue-2)}
.c-cifras span{font-size:13px;color:var(--muted)}
.c-tengo summary{cursor:pointer;font-weight:800;list-style-position:inside}
.c-tengo form{margin-top:12px}
/* mi actividad */
.c-filtros{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:10px}
.cuenta .c-filtros select{width:auto;min-width:170px}
.c-filtros .btn{margin-inline-start:auto}
.actividad .a-ic{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--blue-tint);color:var(--blue-2);flex:0 0 auto}
.actividad .a-ic.recarga{background:#e7f7ed;color:var(--green)}
.actividad .a-ic.movil{background:#fff0f1;color:var(--red)}
.actividad .val.mas b{color:var(--green)}
/* chat de soporte */
.c-chat-btn{position:fixed;inset-inline-end:22px;bottom:22px;z-index:900;width:60px;height:60px;border-radius:50%;border:0;cursor:pointer;color:#fff;
  background:linear-gradient(135deg,var(--blue-2),var(--blue));box-shadow:0 12px 30px rgba(8,43,123,.35);display:flex;align-items:center;justify-content:center;transition:transform .15s}
.c-chat-btn[hidden]{display:none}
.c-chat-btn:hover{transform:scale(1.05)}
.c-chat-btn.abierto{transform:scale(.92)}
.c-chat-n{position:absolute;top:-2px;inset-inline-end:-2px;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:var(--red);color:#fff;font-size:12px;font-weight:800;line-height:22px;border:2px solid #fff}
.c-chat-n[hidden]{display:none}
.c-chat{position:fixed;inset-inline-end:22px;bottom:94px;z-index:901;width:380px;max-width:calc(100vw - 24px);height:560px;max-height:calc(100vh - 120px);background:#fff;
  border-radius:22px;box-shadow:0 30px 70px rgba(4,20,60,.3);display:flex;flex-direction:column;overflow:hidden}
.c-chat[hidden]{display:none}
.c-chat-h{display:flex;align-items:center;gap:12px;padding:16px 16px 16px 18px;color:#fff;background:linear-gradient(120deg,var(--blue),var(--blue-2))}
.c-chat-h .c-av{background:#fff}
.c-chat-h div{flex:1;min-width:0}
.c-chat-h b{display:block;font-size:16px}
.c-chat-h small{display:block;opacity:.8;font-size:12.5px}
.c-chat-x{background:rgba(255,255,255,.15);border:0;color:#fff;width:34px;height:34px;border-radius:50%;font-size:22px;line-height:1;cursor:pointer}
.c-chat-l{flex:1;overflow-y:auto;padding:14px 14px 6px;background:#f4f7fc;overscroll-behavior:contain}
.c-chat-v{color:var(--muted);text-align:center;font-size:14px;margin:40px 20px}
.c-chat-dia{text-align:center;margin:10px 0}
.c-chat-dia span{background:#e3e9f3;color:var(--muted);font-size:11.5px;font-weight:700;border-radius:999px;padding:3px 10px}
.c-msg{display:flex;flex-direction:column;margin:2px 0;max-width:82%}
.c-msg.pri{margin-top:10px}
.c-msg.ag{align-items:flex-start}
.c-msg.yo{align-items:flex-end;margin-inline-start:auto}
.c-msg-q{font-size:11.5px;color:var(--muted);font-weight:700;margin:0 6px 3px}
.c-msg-b{border-radius:16px;padding:8px 12px 6px;box-shadow:0 1px 2px rgba(9,37,92,.08);font-size:14.5px;line-height:1.45;word-wrap:break-word;overflow-wrap:anywhere}
.c-msg.ag .c-msg-b{background:#fff;color:var(--ink);border-start-start-radius:6px}
.c-msg.yo .c-msg-b{background:var(--blue-2);color:#fff;border-start-end-radius:6px}
.c-msg.tmp .c-msg-b{opacity:.7}
.c-msg-b p{margin:0}
.c-msg-b a{color:inherit;text-decoration:underline}
.c-msg-b img{display:block;max-width:100%;max-height:240px;border-radius:10px;margin:2px 0 4px}
.c-chat-pdf{display:inline-block;margin:2px 0 4px;font-weight:700}
.c-msg-h{display:block;text-align:end;font-size:10.5px;opacity:.65;margin-top:2px}
.c-chat-err{margin:0;padding:8px 14px;font-size:13px;color:var(--red);background:#fff4f5}
.c-chat-err.info{color:var(--blue-2);background:var(--blue-tint)}
.c-chat-err[hidden]{display:none}
.c-chat-f{display:flex;align-items:flex-end;gap:8px;padding:10px;border-top:1px solid var(--line);background:#fff}
.c-chat-f textarea{flex:1;resize:none;border:1.5px solid #d7deea;border-radius:16px;padding:10px 12px;font:inherit;font-size:14.5px;max-height:120px;color:var(--ink)}
.c-chat-f textarea:focus{outline:none;border-color:var(--blue-2)}
.c-chat-adj,.c-chat-s{flex:0 0 auto;width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;border:0;position:relative}
.c-chat-adj{color:var(--muted);background:#f3f6fb}
.c-chat-s{color:#fff;background:var(--red)}
.c-chat-adj .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
[dir="rtl"] .c-chat-s svg{transform:scaleX(-1)}
/* celular: el menú lateral pasa a pestañas que se deslizan arriba; el chat ocupa la pantalla */
@media (max-width:900px){
  .c-app{grid-template-columns:1fr;gap:14px}
  .c-nav{position:sticky;top:64px;z-index:20;flex-direction:row;overflow-x:auto;gap:6px;padding:6px 16px;margin:0 -16px;background:var(--page,#f4f7fc);scrollbar-width:none}
  .c-nav::-webkit-scrollbar{display:none}
  .c-nav a{flex:0 0 auto;padding:9px 12px;font-size:14px;gap:8px;background:#fff;border:1px solid var(--line)}
  .c-nav a[aria-current="page"]{border-color:var(--blue-2)}
  .c-accesos{grid-template-columns:1fr}
  .c-montos{grid-template-columns:repeat(2,1fr)}
  .c-top h1{font-size:24px}
}
@media (max-width:620px){
  .c-yo-btn bdi{display:none}
  .c-yo-btn{padding:4px}
  .cuenta .c-grid{grid-template-columns:1fr}
  .c-chat{inset:0;width:100%;max-width:none;height:100%;max-height:none;border-radius:0}
  body.c-chat-on .c-chat-btn{display:none}
  .c-chat-btn{inset-inline-end:16px;bottom:16px}
}

/* ===== Tema oscuro de Mi cuenta (28-10-2026, JP: «un ícono de sol o luna al lado del nombre»). =====
   html[data-ctema="oscuro"] lo pone el script del principio de page-mi-cuenta.php (lo elegido con el botón, guardado en
   localStorage vz_tema; si no, el tema del dispositivo). Solo existe en /mi-cuenta/. */
.c-tema{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--ink);cursor:pointer;box-shadow:var(--shadow-sm);flex:0 0 auto}
.c-tema:hover{color:var(--blue-2)}
.c-tema .sol{display:none}
html[data-ctema="oscuro"] .c-tema .sol{display:block}
html[data-ctema="oscuro"] .c-tema .luna{display:none}
.c-top-d{display:flex;align-items:center;gap:10px}
.c-chat-h .c-logo{width:40px;height:40px;border-radius:50%;background:#fff;object-fit:contain;padding:5px;flex:0 0 auto}
.c-msg-q img{width:18px;height:18px;border-radius:50%;background:#fff;object-fit:contain;padding:1px;vertical-align:-5px;margin-inline-end:5px;box-shadow:0 0 0 1px var(--line)}

html[data-ctema="oscuro"]{
  --ink:#e7ecf5; --muted:#a4aec0; --faint:#7f8aa0; --line:#283247; --card:#151c2a; --page:#0c111c;
  --blue-tint:#18233a; --blue-line:#2a3a5e; --blue-2:#3f7ff0;
  --shadow-sm:0 4px 14px rgba(0,0,0,.35); --shadow:0 20px 50px rgba(0,0,0,.45);
  color-scheme:dark;
}
html[data-ctema="oscuro"] body,html[data-ctema="oscuro"] .section.soft{background:var(--page);color:var(--ink)}
html[data-ctema="oscuro"] .site-header{background:rgba(12,17,28,.92);border-bottom-color:var(--line)}
html[data-ctema="oscuro"] .main-nav a{color:var(--ink)}
html[data-ctema="oscuro"] .vz-logo{background:#fff;border-radius:10px;padding:2px 4px}
html[data-ctema="oscuro"] .cuenta .login,html[data-ctema="oscuro"] .cuenta .c-card,html[data-ctema="oscuro"] .c-acceso,
html[data-ctema="oscuro"] .c-yo-btn,html[data-ctema="oscuro"] .c-yo-menu,html[data-ctema="oscuro"] .c-tema,
html[data-ctema="oscuro"] .c-monto,html[data-ctema="oscuro"] .c-nav a:hover,html[data-ctema="oscuro"] .c-nav a[aria-current="page"],
html[data-ctema="oscuro"] .c-vent-caja,html[data-ctema="oscuro"] .c-vent .opc,html[data-ctema="oscuro"] .vzp-btn,html[data-ctema="oscuro"] .vzp-panel,
html[data-ctema="oscuro"] .rm-card,html[data-ctema="oscuro"] .rm-hist,html[data-ctema="oscuro"] .rm-medio,
html[data-ctema="oscuro"] .c-chat,html[data-ctema="oscuro"] .c-chat-f,html[data-ctema="oscuro"] .c-msg.ag .c-msg-b{background:var(--card);color:var(--ink);border-color:var(--line)}
html[data-ctema="oscuro"] .cuenta select,html[data-ctema="oscuro"] .cuenta input,html[data-ctema="oscuro"] .cuenta .tel,
html[data-ctema="oscuro"] .c-chat-f textarea,html[data-ctema="oscuro"] .vzp-q input,html[data-ctema="oscuro"] .rm-sel,
html[data-ctema="oscuro"] .rm-select,html[data-ctema="oscuro"] .rm-tel,html[data-ctema="oscuro"] .rm-card .vzp-btn,
html[data-ctema="oscuro"] .rm-codigo,html[data-ctema="oscuro"] .rm-tel input{background:#0f1522;color:var(--ink);border-color:#323d55}
html[data-ctema="oscuro"] .cuenta .tel span,html[data-ctema="oscuro"] .rm-tel span{background:#1a2234;color:var(--ink);border-color:#323d55}
html[data-ctema="oscuro"] .cuenta .tarifa-r .res,html[data-ctema="oscuro"] .c-cifras div,html[data-ctema="oscuro"] .c-copia,
html[data-ctema="oscuro"] .rm-monto,html[data-ctema="oscuro"] .rm-orden,html[data-ctema="oscuro"] .rm-dest,html[data-ctema="oscuro"] .rm-aviso,
html[data-ctema="oscuro"] .rm-h:hover,html[data-ctema="oscuro"] .c-chat-l,html[data-ctema="oscuro"] .c-chat-adj,
html[data-ctema="oscuro"] .cuenta .bolsa .barra,html[data-ctema="oscuro"] .c-vent-x{background:#1a2234;color:var(--ink)}
html[data-ctema="oscuro"] .c-chat-dia span{background:#232d42;color:var(--muted)}
html[data-ctema="oscuro"] .c-chat-err{background:#2a1618}
html[data-ctema="oscuro"] .c-monto b,html[data-ctema="oscuro"] .rm-monto b,html[data-ctema="oscuro"] .c-acceso b,
html[data-ctema="oscuro"] .cuenta h2,html[data-ctema="oscuro"] .cuenta h3,html[data-ctema="oscuro"] .cuenta h4,html[data-ctema="oscuro"] .c-top h1,
html[data-ctema="oscuro"] .rm-card h2,html[data-ctema="oscuro"] .rm-hist h2{color:var(--ink)}
html[data-ctema="oscuro"] .c-monto[aria-checked="true"]{background:var(--blue-2);border-color:var(--blue-2)}
html[data-ctema="oscuro"] .c-monto[aria-checked="true"] b{color:#fff}
html[data-ctema="oscuro"] .c-av{background:linear-gradient(135deg,#23365e,#1b2a4a);color:#9fc2ff}
html[data-ctema="oscuro"] .btn-outline{background:transparent;color:#9fc2ff;border-color:#3b5590}
html[data-ctema="oscuro"] .vzp-op{color:var(--ink)}
html[data-ctema="oscuro"] .vzp-op.activo{background:#1f2b45}
html[data-ctema="oscuro"] .c-vent{background:rgba(0,0,0,.6)}
html[data-ctema="oscuro"] .actividad .a-ic.recarga{background:#13301f}
html[data-ctema="oscuro"] .actividad .a-ic.movil{background:#3a161a}
html[data-ctema="oscuro"] .actividad .val.mas b{color:#4cd27c}
html[data-ctema="oscuro"] .llamadas li{border-color:var(--line)}

/* ===== Llamar desde el navegador (28-10-2026, assets/llamar.js) ===== */
.cuenta .c-llamar{margin:0 0 20px;border-color:var(--blue-line)}
.c-llamar-h{display:flex;align-items:center;gap:10px}
.c-llamar-h h3{margin:0}
.c-beta{font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#fff;background:var(--red);border-radius:999px;padding:3px 9px}
.c-llamar-f{display:grid;grid-template-columns:minmax(180px,240px) minmax(0,1fr) auto;gap:10px;align-items:stretch;margin-top:6px}
.c-ll-pais .vzp-btn{min-height:50px}
.cuenta .c-ll-tel{height:auto}
.cuenta .c-ll-tel input{font-size:17px}
.c-ll-btn{display:inline-flex;align-items:center;gap:8px;padding:0 26px;white-space:nowrap}
.c-ll-tar{margin:10px 0 0;font-size:14px;font-weight:700;color:var(--blue-2);min-height:20px}
.c-ll-tar.alerta,.c-ll-queda.alerta{color:var(--red)}
.c-ll-queda{margin:4px 0 0}
.c-ll-vent .c-ll-caja{max-width:360px;text-align:center;padding:30px 26px 24px}
.c-ll-dest{display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:6px}
.c-ll-dest b{font-size:22px;letter-spacing:.01em}
.c-ll-dest small{color:var(--muted)}
.c-ll-estado{min-height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.c-ll-t{margin:6px 0;display:flex;align-items:center;gap:8px;color:var(--muted);font-weight:700}
.c-ll-t.curso{font-size:26px;color:var(--ink);font-variant-numeric:tabular-nums}
.c-ll-fin{margin:6px 0 2px;font-weight:800;font-size:17px}
.c-ll-fin.alerta{color:var(--red)}
.c-ll-t .spin{width:16px;height:16px;border:2.5px solid var(--line);border-top-color:var(--blue-2);border-radius:50%;animation:cGira .8s linear infinite;display:inline-block}
@keyframes cGira{to{transform:rotate(360deg)}}
.c-ll-tec{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px auto 6px;max-width:240px}
.c-ll-tec[hidden]{display:none}
.c-ll-tec button{font:inherit;font-size:20px;font-weight:700;height:48px;border-radius:14px;border:1px solid var(--line);background:var(--blue-tint);color:var(--ink);cursor:pointer}
.c-ll-acc{display:flex;justify-content:center;gap:14px;margin-top:14px;flex-wrap:wrap}
.c-ll-b{display:flex;flex-direction:column;align-items:center;gap:6px;background:none;border:0;font:inherit;font-size:12.5px;color:var(--muted);cursor:pointer}
.c-ll-b svg{width:54px;height:54px;padding:15px;border-radius:50%;background:var(--blue-tint);color:var(--ink)}
.c-ll-b[aria-pressed="true"] svg{background:var(--ink);color:#fff}
.c-ll-b.colgar svg{background:var(--red);color:#fff}
@media (max-width:760px){
  .c-llamar-f{grid-template-columns:1fr}
  .c-ll-btn{justify-content:center;min-height:50px}
}
.c-llamar .err:empty,.c-ll-tar:empty{display:none}
.c-llamar .err{margin:8px 0 0;min-height:0}
/* tema oscuro: selector de idioma y menú del celular del encabezado (JP 28-10-2026: «se ven mal los países») */
html[data-ctema="oscuro"] .lang-switch summary,html[data-ctema="oscuro"] .ls-menu{background:var(--card);color:var(--ink);border-color:var(--line)}
html[data-ctema="oscuro"] .ls-menu a{color:var(--ink)}
html[data-ctema="oscuro"] .ls-menu a:hover{background:#1f2b45}
html[data-ctema="oscuro"] .ls-menu a[aria-current]{background:#22304d}
html[data-ctema="oscuro"] .ls-menu .ls-check,html[data-ctema="oscuro"] .lang-switch .ls-globe{color:#8fb6ff}
html[data-ctema="oscuro"] .site-header.open .main-nav{background:var(--card);border-bottom-color:var(--line)}
html[data-ctema="oscuro"] .menu-toggle{color:var(--ink)}
html[data-ctema="oscuro"] .main-nav a:hover{background:#1a2234}
html[data-ctema="oscuro"] .menu-toggle span{background:var(--ink)}
html[data-ctema="oscuro"] .support-card{background:linear-gradient(120deg,#16213a,#121a2d);border-color:var(--line)}
html[data-ctema="oscuro"] .support-card h2{color:var(--ink)}
html[data-ctema="oscuro"] .support-card p{color:var(--muted)}
html[data-ctema="oscuro"] .note-card{background:var(--card);border-color:var(--line);color:var(--muted)}
/* costo de la llamada en la ventana: texto nítido y con contraste en los dos temas (JP 28-10-2026: «se ven borrosas») */
.c-ll-costo{margin:8px 0 2px;font-size:15px;font-weight:700;color:var(--ink);background:var(--blue-tint);border-radius:12px;padding:10px 14px}
.c-ll-costo.ok{color:#0f7a37;background:#e8f7ee}
html[data-ctema="oscuro"] .c-ll-costo{background:#1a2234;color:var(--ink)}
html[data-ctema="oscuro"] .c-ll-costo.ok{background:#12301f;color:#7ee2a2}
html[data-ctema="oscuro"] .c-vent .mini-n{background:#1a2234;color:var(--ink)}
/* tema oscuro: Recargas móviles dentro de Mi cuenta (JP 28-10-2026: monto bajo el mouse en blanco, operador ilegible) */
html[data-ctema="oscuro"] .rm-card h2,html[data-ctema="oscuro"] .rm-dest b,html[data-ctema="oscuro"] .rm-monto .rec b,html[data-ctema="oscuro"] .rm-total dd b,html[data-ctema="oscuro"] .rm-medio b,html[data-ctema="oscuro"] .rm-hist h2,html[data-ctema="oscuro"] .rm-h b{color:var(--ink)}
html[data-ctema="oscuro"] .rm-monto .pag b{color:#ff7d88}
html[data-ctema="oscuro"] .rm-monto:hover:not([disabled]),html[data-ctema="oscuro"] .rm-monto:focus-visible{background:#1f2b45;border-color:#5b8cf0}
html[data-ctema="oscuro"] .rm-medio{background:#1a2234;border-color:var(--line)}
html[data-ctema="oscuro"] .rm-medio[aria-checked="true"]{background:#1f2b45;border-color:#5b8cf0}
html[data-ctema="oscuro"] .rm-h:hover{background:#1a2234}
html[data-ctema="oscuro"] .rm-aviso{background:#2e2610!important;color:#f3cf6b!important;border-color:#4a3c14!important}
html[data-ctema="oscuro"] .rm-b{background:#1b2740;color:#9fc2ff}
html[data-ctema="oscuro"] .rm-b.ok{background:#12301f;color:#7ee2a2}
html[data-ctema="oscuro"] .rm-b.mal{background:#3a161a;color:#ff9aa4}
html[data-ctema="oscuro"] .rm-monto em{color:#ff8f99}
html[data-ctema="oscuro"] .rm-nota{color:var(--muted)!important}
html[data-ctema="oscuro"] .rm-link{color:#8fb6ff}
html[data-ctema="oscuro"] .rm-logo{background:#fff}
/* Recargas móviles dentro de Mi cuenta: el formulario centrado en su tarjeta (JP 28-10-2026: «queda espacio al lado derecho») */
.cuenta .c-rm .rm-card{margin-left:auto;margin-right:auto}
.cuenta .c-rm > .sub{text-align:center}
.cuenta .c-rm-cerrado{max-width:560px;margin:0 auto;text-align:center}
.cuenta .c-rm-cerrado .cta-row{justify-content:center}
html[data-ctema="oscuro"] .rm-lbl{color:var(--muted)}
/* medio de pago elegido: bien destacado (JP 28-10-2026) */
.rm-medio[aria-checked="true"]{border-width:2px;box-shadow:0 0 0 3px rgba(11,75,187,.14)}
.rm-medio[aria-checked="true"] b{color:var(--blue-2)}
html[data-ctema="oscuro"] .rm-medio[aria-checked="true"]{background:#1d2c4d;border-color:#6b9bff;box-shadow:0 0 0 3px rgba(107,155,255,.22)}
html[data-ctema="oscuro"] .rm-medio[aria-checked="true"] b{color:#a9c6ff}
html[data-ctema="oscuro"] .rm-medio:hover{border-color:#3d5a91}