body { background: var(--fondo); font-feature-settings: "cv11", "ss01"; }

body::before { background: radial-gradient(1100px 620px at 50% -18%, rgba(var(--brillo), .13), transparent 64%), radial-gradient(900px 600px at 100% 110%, rgba(64, 32, 110, .18), transparent 62%); }
.circuitos { display: none; }

h1, h2, h3, .titular, .titulo-seccion, .titulo-grande, .cab-pagina h1, .cabeza-v h2, .velo h4 { font-family: var(--titulo); font-optical-sizing: auto; }
h1, h2 { letter-spacing: -.03em; }
h3 { letter-spacing: -.012em; }

.degradado, .titulo-grande, html.vtx-premium h1.degradado { background: none; -webkit-background-clip: border-box; background-clip: border-box; color: var(--tinta); filter: none; text-shadow: none; }
.titulo-grande { font-weight: 640; }

.kicker { font-family: var(--sans); font-size: 14px; letter-spacing: 0; text-transform: none; color: var(--suave); }
.kicker::before { display: none; }
.mono { font-size: 12px; letter-spacing: .02em; text-transform: none; }
.marca { font-family: var(--titulo); font-size: 17px; letter-spacing: -.01em; font-weight: 650; }
.marca span { text-transform: none; }

.cabecera .marca { flex-shrink: 0; white-space: nowrap; }
.menu-grupo { font-family: var(--sans); font-size: 12px; letter-spacing: .02em; text-transform: none; font-weight: 550; }
.titulo-movil { font-family: var(--titulo); font-size: 15px; letter-spacing: 0; text-transform: none; color: var(--tinta); }

.enlace, .btn { border-radius: 10px; border-color: var(--hilo2); background: rgba(255, 255, 255, .04); color: var(--tinta); font-weight: 550; transition: border-color .15s, background .15s, color .15s, transform .12s; }
.enlace:hover, .btn:hover { border-color: rgba(255, 255, 255, .28); background: rgba(255, 255, 255, .08); color: #fff; }
.enlace.primario, .btn.primario { background: var(--acento); border-color: transparent; color: #fff; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .22), 0 6px 20px -8px rgba(var(--brillo), .8); }
.enlace.primario:hover, .btn.primario:hover { background: #b062fa; border-color: transparent; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .26), 0 8px 26px -8px rgba(var(--brillo), .95); }
.enlace.grande, .btn.grande { border-radius: 12px; padding: 13px 22px; }
.vinculo { color: var(--tinta); text-decoration-color: rgba(255, 255, 255, .35); }
.vinculo:hover { color: #fff; text-decoration-color: var(--acento); }

.marco { border: 1px solid var(--hilo); border-radius: var(--radio); background: var(--tarjeta); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04); }
.marco::before { display: none; }
.marco > .marca-titulo { position: static; display: block; padding: 0; margin: 0 0 14px; background: none; font-family: var(--sans); font-size: 13px; font-weight: 550; letter-spacing: 0; text-transform: none; color: var(--suave); line-height: 1.4; }

.int { border-color: var(--hilo2); background: rgba(255, 255, 255, .06); }
.int.on { border-color: transparent; background: var(--acento); box-shadow: none; }
.int.on::after { background: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, .35); }

.linea-txt { background: rgba(255, 255, 255, .03); border-color: var(--hilo2); border-radius: 10px; }
.linea-txt:focus { border-color: rgba(var(--brillo), .8); box-shadow: 0 0 0 3px rgba(var(--brillo), .16); }

.cabecera { border-bottom-color: var(--hilo); background: rgba(13, 10, 21, .92); }
.cabecera .marca img { box-shadow: none; }
.cabecera nav > a:not(.enlace) { border: 0; color: var(--suave); }
.cabecera nav > a:not(.enlace):hover { color: var(--tinta); background: rgba(255, 255, 255, .05); }

.cabecera nav > a.activo, .cabecera nav > a.activo:hover { color: #fff; background: rgba(var(--brillo), .22); box-shadow: inset 0 0 0 1px rgba(var(--brillo), .6), 0 0 18px -4px rgba(var(--brillo), .7); }
.selector-idioma { border-color: var(--hilo2); background: rgba(255, 255, 255, .03); box-shadow: none; }
.selector-idioma .pildora { background: rgba(255, 255, 255, .12); box-shadow: none; }
.selector-idioma button[aria-pressed="true"] { text-shadow: none; }
.selector-idioma button { font-family: var(--sans); letter-spacing: .04em; text-indent: 0; }
.selector-idioma.flotante { background: rgba(22, 18, 31, .94); box-shadow: 0 10px 30px rgba(0, 0, 0, .45); }

.pie { border-top-color: var(--hilo); background: rgba(13, 10, 21, .6); }
.pie a:hover { color: var(--tinta); }

.menu { border-right-color: var(--hilo); background: rgba(16, 13, 24, .92); box-shadow: none; }
.menu .item { border: 0; border-radius: 9px; }
.menu .item:hover { background: rgba(255, 255, 255, .05); }
.menu .item.activo { background: rgba(var(--brillo), .14); color: #fff; }
.menu .item.activo::before { left: -22px; width: 3px; border-radius: 0 3px 3px 0; box-shadow: none; }
.menu .item.activo .ico { filter: none; }
.servidor-actual img, .servidor-actual .sin-icono { box-shadow: 0 0 0 1px var(--hilo2); }

.aviso { background: rgba(24, 20, 34, .98); border: 1px solid var(--hilo2); border-left: 3px solid var(--acento); border-radius: 0 12px 12px 0; }
.velo { background: rgba(6, 4, 11, .78); }
.velo .contenido { border-color: var(--hilo2); border-radius: 16px; background: #15111e; box-shadow: 0 30px 80px rgba(0, 0, 0, .65); }
.menu-tk { border-color: var(--hilo2); border-radius: 12px; background: #17131f; box-shadow: 0 24px 60px rgba(0, 0, 0, .7); }

.cab-pagina h1 { font-weight: 640; letter-spacing: -.035em; }
.titulo-seccion { font-weight: 620; }
.ico-rasgo { border-color: var(--hilo2); border-radius: 12px; box-shadow: none; background: rgba(255, 255, 255, .03); color: var(--tinta); }
.rasgo:hover, .tarjeta-servidor:hover { border-color: var(--hilo2); background: var(--tarjeta-hover); }
.tarjeta-servidor.con-vantax .icono-s { box-shadow: 0 0 0 1px var(--hilo2); }
.estado-s { font-family: var(--sans); font-size: 12.5px; letter-spacing: 0; text-transform: none; }
.con-vantax .estado-s { color: var(--suave); }
.con-vantax .estado-s i { background: var(--ok); box-shadow: none; }
.mensaje-web .sello { box-shadow: 0 0 0 1px var(--hilo2); }
.faq summary { font-family: var(--titulo); font-weight: 560; letter-spacing: -.01em; }
.faq summary::after { border-color: var(--suave); }
.faq summary:hover { color: #fff; }

@media (max-width: 980px) {
    .menu { background: #120f1a; }
    .cabecera { background: rgba(13, 10, 21, .94); }
}

.indice-legal a::before { flex: none; min-width: 2ch; font-variant-numeric: tabular-nums; }
.prosa h2 .num { color: var(--tenue); }
.mensaje-web .codigo { color: var(--suave); }

.cambiar-tema { display: inline-flex; align-items: center; justify-content: center; flex: none; width: 34px; height: 34px; border: 1px solid var(--hilo2); border-radius: 999px; color: var(--suave); transition: color .15s, border-color .15s, background .15s; }
.cambiar-tema:hover { color: var(--tinta); border-color: var(--suave); }
.cambiar-tema svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.cambiar-tema .sol, html[data-tema="claro"] .cambiar-tema .luna { display: none; }
html[data-tema="claro"] .cambiar-tema .sol { display: block; }
.idioma-cabecera { display: flex; align-items: center; justify-content: flex-end; gap: 10px; min-width: 132px; }

html[data-tema="claro"] {
    --fondo: #f7f5fb; --fondo2: #ffffff; --fondo3: #f0edf6; --tinta: #16121f; --suave: #5c536e; --tenue: #8b839c;
    --acento: #9333ea; --acento2: #7e22ce; --estrella: #9333ea;
    --peligro: #d1245f; --peligro-brillo: 209, 36, 95; --aviso: #b26b00; --ok: #059669;
    --hilo: rgba(22, 18, 31, .09); --hilo2: rgba(22, 18, 31, .16); --contorno: rgba(147, 51, 234, .32);
    --tarjeta: rgba(255, 255, 255, .86); --tarjeta-hover: #ffffff;
    color-scheme: light;
}
html[data-tema="claro"] body::before { background: radial-gradient(1100px 620px at 50% -18%, rgba(var(--brillo), .14), transparent 64%), radial-gradient(900px 600px at 100% 110%, rgba(var(--brillo), .07), transparent 62%); }
html[data-tema="claro"] ::selection { background: rgba(var(--brillo), .22); }

html[data-tema="claro"] #cielo { filter: invert(1) hue-rotate(180deg); opacity: .5; }
html[data-tema="claro"] .marco { box-shadow: 0 1px 2px rgba(22, 18, 31, .05), 0 8px 24px -12px rgba(22, 18, 31, .12); }

html[data-tema="claro"] .enlace, html[data-tema="claro"] .btn { background: #fff; color: var(--tinta); box-shadow: 0 1px 2px rgba(22, 18, 31, .06); }
html[data-tema="claro"] .enlace:hover, html[data-tema="claro"] .btn:hover { background: var(--fondo3); border-color: rgba(22, 18, 31, .26); color: var(--tinta); }
html[data-tema="claro"] .enlace.primario, html[data-tema="claro"] .btn.primario { background: var(--acento); color: #fff; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 6px 18px -8px rgba(var(--brillo), .8); }
html[data-tema="claro"] .enlace.primario:hover, html[data-tema="claro"] .btn.primario:hover { background: #7e22ce; color: #fff; }
html[data-tema="claro"] .enlace.peligro, html[data-tema="claro"] .btn.peligro { color: var(--peligro); }
html[data-tema="claro"] .enlace.suave, html[data-tema="claro"] .btn.suave { background: transparent; color: var(--suave); box-shadow: none; }
html[data-tema="claro"] .vinculo, html[data-tema="claro"] .prosa a { color: var(--acento2); text-decoration-color: rgba(var(--brillo), .4); }
html[data-tema="claro"] .vinculo:hover, html[data-tema="claro"] .prosa a:hover { color: var(--tinta); }
html[data-tema="claro"] code { color: var(--acento2); }

html[data-tema="claro"] .linea-txt { background: #fff; }
html[data-tema="claro"] select.linea-txt option { background: #fff; color: var(--tinta); }
html[data-tema="claro"] .cabecera { background: rgba(247, 245, 251, .92); }
html[data-tema="claro"] .cabecera nav > a:not(.enlace):hover { background: rgba(22, 18, 31, .05); }
html[data-tema="claro"] .cabecera nav > a.activo, html[data-tema="claro"] .cabecera nav > a.activo:hover { color: var(--acento2); background: rgba(var(--brillo), .13); box-shadow: inset 0 0 0 1px rgba(var(--brillo), .45); }
html[data-tema="claro"] .selector-idioma { background: #fff; }
html[data-tema="claro"] .selector-idioma .pildora { background: var(--fondo3); box-shadow: inset 0 0 0 1px var(--hilo2); }
html[data-tema="claro"] .selector-idioma button[aria-pressed="true"] { color: var(--tinta); }
html[data-tema="claro"] .selector-idioma.flotante { background: #fff; box-shadow: 0 10px 30px rgba(22, 18, 31, .14); }
html[data-tema="claro"] .pie { background: rgba(255, 255, 255, .55); }
html[data-tema="claro"] .aviso { background: #fff; box-shadow: 0 18px 40px rgba(22, 18, 31, .16); }
html[data-tema="claro"] .velo { background: rgba(22, 18, 31, .4); }
html[data-tema="claro"] .velo .contenido { background: #fff; box-shadow: 0 30px 80px rgba(22, 18, 31, .25); }
html[data-tema="claro"] .menu-tk { background: #fff; box-shadow: 0 24px 60px rgba(22, 18, 31, .2); }
html[data-tema="claro"] .ico-rasgo { background: #fff; }
html[data-tema="claro"] .faq summary:hover { color: var(--acento2); }
html[data-tema="claro"] .barra-vista-comun { background: rgba(255, 255, 255, .96); box-shadow: 0 12px 40px rgba(22, 18, 31, .18); }
html[data-tema="claro"] .partner-responsable { background: #fff; }

html[data-tema="claro"] .titular .brilla { color: var(--tinta); }
html[data-tema="claro"] .vitrina { background: rgba(255, 255, 255, .6); box-shadow: 0 1px 2px rgba(22, 18, 31, .06), 0 40px 120px -50px rgba(var(--brillo), .55); }
html[data-tema="claro"] .hero-sello { box-shadow: 0 0 0 1px var(--hilo2), 0 14px 40px -14px rgba(var(--brillo), .6); }
html[data-tema="claro"] .skill.activa { background: rgba(var(--brillo), .09); }
html[data-tema="claro"] .skill.activa .skill-icono { color: var(--acento2); background: rgba(var(--brillo), .14); }
html[data-tema="claro"] .skill-icono { background: #fff; }
html[data-tema="claro"] .hueco { color: var(--tinta); border-bottom-color: rgba(22, 18, 31, .35); }
html[data-tema="claro"] .probador-sugerencias button { background: #fff; box-shadow: 0 1px 2px rgba(22, 18, 31, .06); }
html[data-tema="claro"] .probador-sugerencias button:hover { background: var(--fondo3); border-color: rgba(22, 18, 31, .26); }
html[data-tema="claro"] .probador-ventana, html[data-tema="claro"] .skills-escena .escena { box-shadow: 0 0 0 1px var(--hilo), 0 30px 70px -30px rgba(22, 18, 31, .45); }
html[data-tema="claro"] .final-v h2 { color: var(--tinta); }

html[data-tema="claro"] .ficha-web.activa { color: var(--tinta); }
html[data-tema="claro"] .tarjeta-servidor .sin-icono-s { color: var(--acento2); }

.icono-red { width: 20px; height: 20px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.pie-redes { display: flex; gap: 6px; }
.pie-redes a { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border: 1px solid var(--hilo2); border-radius: 10px; color: var(--suave); transition: color .15s, border-color .15s, transform .15s; }
.pie-redes a:hover { color: var(--tinta); border-color: rgba(var(--brillo), .6); transform: translateY(-2px); }
.pie-redes .icono-red { width: 17px; height: 17px; }

.boton-donar { display: inline-flex; align-items: center; gap: 7px; height: 34px; padding: 0 13px 0 11px; border: 1px solid rgba(var(--peligro-brillo), .45); border-radius: 999px; color: var(--tinta); font-size: 13.5px; font-weight: 550; text-decoration: none; white-space: nowrap; transition: border-color .15s, background .15s, transform .15s; }
.boton-donar svg { width: 16px; height: 16px; fill: var(--peligro); transition: transform .3s cubic-bezier(.3, 1.6, .5, 1); }
.boton-donar:hover, .boton-donar.activo { border-color: var(--peligro); background: rgba(var(--peligro-brillo), .1); }
.boton-donar:hover svg { transform: scale(1.18); }
@media (max-width: 980px) {
    .boton-donar { width: 34px; padding: 0; justify-content: center; }
    .boton-donar span { display: none; }
}

.cabecera { flex-wrap: nowrap; gap: 18px; padding-top: 12px; padding-bottom: 12px; }
.cabecera nav { flex-wrap: nowrap; margin-left: 18px; gap: 2px; }
.cabecera nav > a:not(.enlace), .desplegable-boton { padding: 8px 12px; border-radius: 9px; font-size: 14px; white-space: nowrap; }
.idioma-cabecera { order: 0; margin-left: auto; min-width: 0; gap: 8px; flex: none; }
.desplegable { position: relative; }
.desplegable-boton { display: inline-flex; align-items: center; gap: 5px; color: var(--suave); transition: color .15s, background .15s; }
.desplegable-boton:hover, .desplegable.abierto > .desplegable-boton { color: var(--tinta); background: rgba(255, 255, 255, .05); }
.desplegable-boton.activo { color: #fff; background: rgba(var(--brillo), .22); box-shadow: inset 0 0 0 1px rgba(var(--brillo), .6); }
.flechita { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transition: transform .2s; }
.desplegable.abierto .flechita { transform: rotate(180deg); }
.desplegable-menu { position: absolute; top: calc(100% + 10px); left: 0; z-index: 60; display: flex; flex-direction: column; gap: 2px; min-width: 250px; padding: 6px; border: 1px solid var(--hilo2); border-radius: 14px; background: #17131f; box-shadow: 0 24px 60px rgba(0, 0, 0, .55); opacity: 0; visibility: hidden; transform: translateY(-6px); transition: opacity .16s, transform .16s, visibility 0s .16s; }
.desplegable-menu.derecha { left: auto; right: 0; }
.desplegable.abierto > .desplegable-menu { opacity: 1; visibility: visible; transform: none; transition: opacity .16s, transform .16s; }
.desplegable-menu a, .desplegable-menu .en-menu button { display: flex; flex-direction: column; gap: 2px; width: 100%; padding: 9px 12px; border-radius: 9px; color: var(--tinta); text-align: left; text-decoration: none; font-size: 14px; }
.desplegable-menu b { font-weight: 560; }
.desplegable-menu small { color: var(--tenue); font-size: 12.5px; }
.desplegable-menu a:hover, .desplegable-menu a:focus-visible, .desplegable-menu .en-menu button:hover { background: rgba(255, 255, 255, .06); outline: none; }
.desplegable-menu a.activo { background: rgba(var(--brillo), .16); }
.desplegable-menu a.salir { color: var(--peligro); }
.desplegable-menu a.salir:hover { background: rgba(var(--peligro-brillo), .1); }
.cuenta-web { margin: 0; padding: 0; border: 0; }
.cuenta-boton { padding: 3px 6px 3px 3px; border-radius: 999px; border: 1px solid var(--hilo2); }
.cuenta-boton .avatar { width: 28px; height: 28px; }
.cuenta-cab { display: flex; align-items: center; gap: 10px; padding: 8px 10px 10px; border-bottom: 1px solid var(--hilo); margin-bottom: 4px; }
.cuenta-cab img { width: 40px; height: 40px; border-radius: 50%; }
.cuenta-cab div { display: flex; flex-direction: column; min-width: 0; }
.cuenta-cab b, .cuenta-cab small { max-width: 190px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cuenta-insignias { display: flex; flex-wrap: wrap; gap: 6px; padding: 2px 10px 10px; border-bottom: 1px solid var(--hilo); margin-bottom: 4px; }
.cuenta-insignias .insignia-equipo, .cuenta-insignias .insignia-partner { margin: 0; }
.cuenta-web .cuenta-cab span { max-width: none; }
.boton-dashboard { white-space: nowrap; }
.boton-dashboard.activo { box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .35); }
html[data-tema="claro"] .desplegable-menu { background: #fff; box-shadow: 0 24px 60px rgba(22, 18, 31, .16); }
html[data-tema="claro"] .desplegable-menu a:hover, html[data-tema="claro"] .desplegable-boton:hover { background: rgba(22, 18, 31, .05); }
html[data-tema="claro"] .desplegable-boton.activo { color: var(--acento2); background: rgba(var(--brillo), .13); }

@media (max-width: 1180px) {
    .boton-donar { width: 34px; padding: 0; justify-content: center; }
    .boton-donar span { display: none; }
    .cabecera nav > a:not(.enlace), .desplegable-boton { padding: 8px 9px; }
}

@media (max-width: 980px) {
    .cabecera { flex-wrap: wrap; gap: 10px; }
    .cabecera nav { order: 5; margin-left: 0; flex-wrap: nowrap; }
    .cabecera.abierta nav { display: flex; }
    .cabecera nav .desplegable-boton { display: none; }
    .cabecera nav .desplegable-menu { position: static; opacity: 1; visibility: visible; transform: none; min-width: 0; padding: 6px 0 0; margin-top: 6px; border: 0; border-top: 1px solid var(--hilo); border-radius: 0; background: none; box-shadow: none; }
    .cabecera nav .desplegable-menu small { display: none; }
    .idioma-cabecera { margin-left: auto; }
    .idioma-cabecera ~ .abrir-nav { margin-left: 0; }
    .boton-dashboard { display: none; }
}
@media (max-width: 420px) {
    .cabecera .marca span { display: none; }
    .idioma-cabecera { gap: 6px; }
}
.cuenta-web .desplegable-menu a { border: 0; font-size: 14px; color: var(--tinta); padding: 9px 12px; }
.cuenta-web .desplegable-menu a.salir { color: var(--peligro); }
.cuenta-web .desplegable-menu a:hover { color: var(--tinta); }
.cuenta-web .desplegable-menu a.salir:hover { color: var(--peligro); }
.cabeza-v.cabeza-fila { max-width: none; }
@media (max-width: 980px) {
    .cabecera nav .desplegable-menu a b { font-weight: 400; color: var(--suave); }
    .cabecera nav .desplegable-menu a.activo b { color: var(--tinta); }
}

.portada h1, .cifra .num b, .cab-seccion h2, .cab-dorada h2, .cab h1, body.vtx-premium .cab-seccion h2, .titulo-grande, .final-v h2 {
    background: none; -webkit-background-clip: border-box; background-clip: border-box; color: var(--tinta); -webkit-text-fill-color: currentColor; text-shadow: none; filter: none;
}
.portada h1 .simbolo, h1 .simbolo { -webkit-text-fill-color: var(--tenue); color: var(--tenue); }
.portada .lema em { color: inherit; font-weight: 600; }
.conste header h2 { color: var(--suave); text-shadow: none; }
.velo-premium .ico-candado, .menu .item.activo .ico, .skill.activa .skill-icono > svg:first-child, .skill-carga circle { filter: none; }
html.vtx-premium .enlace.primario, html.vtx-premium .btn.primario, body.vtx-premium .enlace.primario { background: var(--acento); }
.selector-idioma button[aria-pressed="true"] { text-shadow: none; }
.insignia-equipo, .insignia-partner { box-shadow: none; }
.cifra-t b small, .top li span, .reporte .codigo { color: var(--suave); }

@media (max-width: 600px) {
    .cabecera { gap: 8px; padding: 10px 14px; }
    .cabecera .marca img { width: 30px; height: 30px; }
    .idioma-cabecera { gap: 6px; flex-wrap: nowrap; }
    .idioma-cabecera .boton-donar { display: none; }
    .cambiar-tema { width: 34px; height: 34px; }
    .selector-idioma { padding: 2px; }
    .selector-idioma button, .selector-idioma .pildora { width: 34px; height: 28px; }
    .selector-idioma[data-idioma="en"] .pildora { transform: translateX(34px); }
    .idioma-cabecera > .enlace.chico { padding: 7px 11px; font-size: 13px; white-space: nowrap; }
    .cuenta-boton { padding: 2px 4px 2px 2px; }
    .cabecera .abrir-nav { width: 38px; height: 38px; flex: none; }
    .cabecera.abierta nav { padding-top: 10px; }
}
@media (max-width: 340px) {
    .cambiar-tema { display: none; }
}

html[data-tema="claro"] body { background: var(--fondo); color: var(--tinta); }
html[data-tema="claro"] body::before { background: radial-gradient(1100px 620px at 50% -18%, rgba(var(--brillo), .10), transparent 64%); }

html[data-tema="claro"] .menu { background: #fff; border-right-color: var(--hilo); box-shadow: 1px 0 0 var(--hilo); }
html[data-tema="claro"] .menu .item { color: var(--suave); }
html[data-tema="claro"] .menu .item:hover { background: rgba(22, 18, 31, .05); color: var(--tinta); }
html[data-tema="claro"] .menu .item.activo { background: rgba(var(--brillo), .12); color: var(--acento2); }
html[data-tema="claro"] .menu .item.activo .ico { color: var(--acento2); }
html[data-tema="claro"] .menu .marca, html[data-tema="claro"] .servidor-actual b, html[data-tema="claro"] .menu .usuario span { color: var(--tinta); }
html[data-tema="claro"] .menu .item-premium.activo, html[data-tema="claro"] .menu .item-premium:hover { color: #9a6700; }
html[data-tema="claro"] .barra-movil { background: linear-gradient(180deg, var(--fondo) 60%, transparent); }
html[data-tema="claro"] .barra-movil button { color: var(--tinta); }
html[data-tema="claro"] .velo-menu { background: rgba(22, 18, 31, .35); }

html[data-tema="claro"] .velo .contenido { background: #fff; border-color: var(--hilo2); box-shadow: 0 30px 80px rgba(22, 18, 31, .2); }
html[data-tema="claro"] .menu-tk { background: #fff; box-shadow: 0 24px 60px rgba(22, 18, 31, .18); }
html[data-tema="claro"] .aviso { background: #fff; color: var(--tinta); box-shadow: 0 18px 40px rgba(22, 18, 31, .16); }
html[data-tema="claro"] .selector-idioma.flotante { background: #fff; box-shadow: 0 10px 30px rgba(22, 18, 31, .15); }

html[data-tema="claro"] .marco { background: #fff; }
html[data-tema="claro"] .linea-txt, html[data-tema="claro"] select.linea-txt, html[data-tema="claro"] textarea.linea-txt { background: #fff; color: var(--tinta); }
html[data-tema="claro"] select option { background: #fff; color: var(--tinta); }
html[data-tema="claro"] .enlace, html[data-tema="claro"] .btn { background: #fff; color: var(--tinta); border-color: var(--hilo2); }
html[data-tema="claro"] .enlace:hover, html[data-tema="claro"] .btn:hover { background: rgba(var(--brillo), .07); color: var(--acento2); border-color: rgba(var(--brillo), .45); }
html[data-tema="claro"] .vinculo:hover, html[data-tema="claro"] .tk:hover, html[data-tema="claro"] .faq summary:hover { color: var(--acento2); }

html[data-tema="claro"] .pestanas button.activo, html[data-tema="claro"] .tabs-secciones button.activo,
html[data-tema="claro"] .opciones button.sel, html[data-tema="claro"] .galeria button.sel, html[data-tema="claro"] .galeria button.sel .g-txt b,
html[data-tema="claro"] .opciones-modo label:has(input:checked), html[data-tema="claro"] .niveles input:checked + span,
html[data-tema="claro"] .chips .mas:hover, html[data-tema="claro"] .pasar button:hover, html[data-tema="claro"] .edi-mini:hover { color: var(--acento2); box-shadow: none; }
html[data-tema="claro"] .ed-partes button.sel, html[data-tema="claro"] .ed-op button.sel, html[data-tema="claro"] .enlace.dorado:hover { color: #7a5200; }
html[data-tema="claro"] .velo-premium b, html[data-tema="claro"] .stat-cab b { color: var(--tinta); }
html[data-tema="claro"] .niveles, html[data-tema="claro"] .bloqueo { background: rgba(22, 18, 31, .03); }
html[data-tema="claro"] .segmentado { background: #fff; }
html[data-tema="claro"] .segmentado input[value="no"]:checked + span { background: rgba(22, 18, 31, .08); }

html[data-tema="claro"] .fila-t { color: var(--tinta); }
html[data-tema="claro"] .fila-t:hover { background: rgba(22, 18, 31, .03); }
html[data-tema="claro"] .gan-quien b, html[data-tema="claro"] .gan-cifra b { color: var(--tinta); }
html[data-tema="claro"] .gan-mes-barra { background: rgba(22, 18, 31, .07); }
html[data-tema="claro"] .gan-av.vacio, html[data-tema="claro"] .av.vacio { background: rgba(22, 18, 31, .06); }
html[data-tema="claro"] .sello-plan:not(.max) { color: #8a5a00; }
html[data-tema="claro"] .ficha.on { color: var(--tinta); }

html[data-tema="claro"] .consola { background: #16121f; color: #e9e4f5; }

.menu .item[data-cambiar-tema] .sol, .menu .item[data-cambiar-tema] .tema-txt-claro { display: none; }
html[data-tema="claro"] .menu .item[data-cambiar-tema] .sol, html[data-tema="claro"] .menu .item[data-cambiar-tema] .tema-txt-claro { display: inline; }
html[data-tema="claro"] .menu .item[data-cambiar-tema] .luna, html[data-tema="claro"] .menu .item[data-cambiar-tema] .tema-txt-oscuro { display: none; }
.menu .item[data-cambiar-tema] .ico { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }

.orbita:not(.abierta) { box-shadow: none; }
html[data-tema="claro"] .orbita { background: #fff; border-left-color: var(--hilo2); box-shadow: -24px 0 70px rgba(22, 18, 31, .14); }
html[data-tema="claro"] .orbita:not(.abierta) { box-shadow: none; }

@media (min-width: 1900px) { html { zoom: 1.12; } }
@media (min-width: 2300px) { html { zoom: 1.28; } }
@media (min-width: 3000px) { html { zoom: 1.6; } }

.botones-red { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap: 12px; width: 100%; max-width: 760px; margin: 22px auto 0; }
.boton-red { --red: 168, 85, 247; display: flex; align-items: center; gap: 14px; min-width: 0; padding: 14px 16px; border: 1px solid var(--hilo2); border-radius: 16px; background: var(--tarjeta); color: var(--tinta); text-decoration: none; transition: border-color .2s, background .2s, transform .2s; }
.boton-red:hover, .boton-red:focus-visible { border-color: rgba(var(--red), .6); background: var(--tarjeta-hover, var(--tarjeta)); transform: translateY(-2px); }
.boton-red-icono { width: 44px; height: 44px; flex: none; display: flex; align-items: center; justify-content: center; border-radius: 12px; background: rgba(var(--red), .14); border: 1px solid rgba(var(--red), .28); color: rgb(var(--red)); }
.boton-red-icono .icono-red { width: 22px; height: 22px; }
.boton-red-texto { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1; }
.boton-red-texto b { font-family: var(--titulo); font-size: 16px; font-weight: 640; letter-spacing: -.01em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.boton-red-texto small { color: var(--suave); font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.boton-red-ir { width: 18px; height: 18px; flex: none; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; color: var(--tenue, var(--suave)); transition: color .2s, transform .2s; }
.boton-red:hover .boton-red-ir { color: rgb(var(--red)); transform: translate(2px, -2px); }
.boton-red.red-tiktok { --red: 37, 244, 238; }
.boton-red.red-youtube { --red: 255, 78, 69; }
.boton-red.red-instagram { --red: 225, 48, 108; }
.boton-red.red-x { --red: 200, 200, 210; }
.boton-red.red-twitch { --red: 145, 70, 255; }
.boton-red.red-kick { --red: 83, 252, 24; }
.boton-red.red-github { --red: 200, 200, 210; }
.boton-red.red-topgg { --red: 255, 51, 102; }
html[data-tema="claro"] .boton-red.red-tiktok { --red: 0, 150, 150; }
html[data-tema="claro"] .boton-red.red-x, html[data-tema="claro"] .boton-red.red-github { --red: 40, 40, 50; }
html[data-tema="claro"] .boton-red.red-kick { --red: 40, 150, 10; }
.soporte-redes .botones-red { margin-left: 0; }

@media (max-width: 600px) {
    .fila-web .principal b, .fila-web .principal small, .servidor-bot span[translate], .gan-quien b, .gan-quien small,
    .partner-responsable span.nombre, .boton-red-texto b, .boton-red-texto small, .slot-cab b, .canal-vista span,
    .pendiente-estafa figcaption span, .fu-antes, .servidor-actual b {
        white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: anywhere;
    }
}

.volver-atras { display: inline-flex; align-items: center; gap: 10px; align-self: flex-start; width: auto; margin: 0 0 14px; padding: 5px 16px 5px 5px; border: 1px solid var(--hilo2); border-radius: 999px; background: var(--tarjeta); color: var(--tinta); font: inherit; font-size: 14px; font-weight: 580; line-height: 1; cursor: pointer; box-shadow: 0 6px 18px -10px rgba(0, 0, 0, .55); transition: color .15s, border-color .15s, background .15s, transform .15s, box-shadow .15s; }
.volver-atras .volver-ico { display: grid; place-items: center; flex: none; width: 30px; height: 30px; border-radius: 50%; background: rgba(var(--brillo), .14); color: var(--acento2, var(--acento)); transition: transform .2s cubic-bezier(.2, .8, .2, 1), background .15s; }
.volver-atras .volver-ico svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }
.volver-atras:hover, .volver-atras:focus-visible { border-color: var(--acento); background: rgba(var(--brillo), .08); box-shadow: 0 10px 24px -12px rgba(var(--brillo), .55); }
.volver-atras:hover .volver-ico, .volver-atras:focus-visible .volver-ico { transform: translateX(-3px); background: rgba(var(--brillo), .24); }
.volver-atras:active { transform: scale(.97); }
html[data-tema="claro"] .volver-atras { background: #fff; box-shadow: 0 6px 18px -12px rgba(22, 18, 31, .35); }
@media (prefers-reduced-motion: reduce) { .volver-atras, .volver-atras .volver-ico { transition: none; } }
.cab .volver-atras { display: flex; width: max-content; }

.partners-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 18px; }
.partners-grid > .partner-tarjeta { flex: 0 1 260px; min-width: 0; max-width: 100%; }
.grupo-partners.destacados .partners-grid > .partner-tarjeta { flex-basis: 320px; }
.grupo-partners > .sub-titulo { text-align: center; }
@media (max-width: 560px) { .partners-grid > .partner-tarjeta { flex-basis: 100%; } }

.md-partner { text-align: center; }
.md-partner ul { display: inline-block; text-align: left; margin-left: auto; margin-right: auto; }
.md-partner pre { text-align: left; }
.md-partner .md-cita { display: inline-block; text-align: left; }

.cabecera-min { position: relative; z-index: 40; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px clamp(16px, 3vw, 32px); background: transparent; border: 0; }
.marca-min { display: inline-flex; align-items: center; gap: 11px; min-width: 0; color: var(--tinta); text-decoration: none; font-family: var(--titulo); font-size: 19px; font-weight: 650; letter-spacing: -.01em; }
.marca-min img { width: 38px; height: 38px; border-radius: 50%; object-fit: cover; flex: none; background: var(--fondo2); }
.marca-min span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.marca-min:hover span { color: var(--tinta); }
html.menu-web-abierto, html.ventana-abierta, html:has(dialog[open]:modal), html:has(body > .velo), html:has(.sol-capa:not([hidden])), html:has(.rep-ventana:not([hidden])), html:has(.vp-modal:not(.oculto)), html:has(body.menu-abierto) { overflow: hidden; }
@media (max-width: 980px) { html:has(.orbita.abierta) { overflow: hidden; } }
dialog, .velo .contenido, .sol-capa-caja, .vp-modal-caja, .menu-web { overscroll-behavior: contain; }
.volver-arriba-caja { display: flex; justify-content: center; padding: 8px 16px 28px; }
.volver-arriba { display: inline-flex; align-items: center; gap: 8px; padding: 9px 16px; border: 1px solid var(--hilo2); border-radius: 999px; background: transparent; color: var(--suave); font: inherit; font-size: 14px; font-weight: 550; cursor: pointer; transition: color .15s, border-color .15s, background .15s, transform .15s; }
.volver-arriba svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.volver-arriba:hover, .volver-arriba:focus-visible { color: var(--tinta); border-color: var(--acento); background: rgba(var(--brillo), .08); transform: translateY(-2px); }
@media (max-width: 420px) { .marca-min { font-size: 17px; } .marca-min img { width: 34px; height: 34px; } }

.salir-terminal { display: flex; align-items: center; gap: 10px; margin: 0 0 14px; padding: 10px 12px; border: 1px solid var(--hilo2); border-radius: 10px; color: var(--suave); text-decoration: none; font-size: 14px; font-weight: 560; transition: color .15s, border-color .15s, background .15s; }
.salir-terminal svg { width: 18px; height: 18px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.salir-terminal:hover, .salir-terminal:focus-visible { color: var(--tinta); border-color: var(--peligro); background: rgba(var(--peligro-brillo), .08); }
.marca-avatar { display: flex; align-items: center; gap: 10px; }
.marca-avatar img { width: 26px; height: 26px; border-radius: 50%; object-fit: cover; flex: none; }

details.abriendo > :not(summary) { animation: aparecer-detalle .32s cubic-bezier(.2, .8, .2, 1); }
details.cerrando > :not(summary) { opacity: 0; transform: translateY(-4px); transition: opacity .2s, transform .2s; }
@keyframes aparecer-detalle { from { opacity: 0; transform: translateY(-6px); } }
.faq details[open] .faq-cuerpo { animation: none; }
.faq summary::after, .preguntas-bots summary::after, .docs-cmd summary::after { transition: transform .3s cubic-bezier(.2, .8, .2, 1.3); }
.docs-lado { top: 24px; max-height: calc(100vh - 48px); }
.docs-filtro { top: 0; padding-top: 14px; box-shadow: 0 -40px 0 var(--fondo); }
.indice-legal, .resumen-bot { top: 24px; }
.docs-sistema, .prosa section, .pre-pago, .asistente-bot, .bloque-v { scroll-margin-top: 24px; }
.docs-cat, .docs-cmd { scroll-margin-top: 130px; }
@media (max-width: 1360px) { .docs-filtro { top: 64px; padding-top: 10px; padding-right: 0; } }
@media (prefers-reduced-motion: reduce) { details.abriendo > :not(summary), details.cerrando > :not(summary) { animation: none; transition: none; } }
.hero-v { padding-top: clamp(0px, 1.6vw, 24px); }
.hero-sello { margin-bottom: clamp(16px, 2.4vw, 26px); }
.docs-filtro { box-shadow: none; }
html.docs-lado-abierto main, html.vg-indice-abierto main { position: relative; z-index: 95; }

.vivo-cifras, .vivo-cifras.cuatro { gap: 14px; }
.cifra-vivo { display: flex; flex-direction: column; min-width: 0; padding: 20px 22px; }
.cifra-vivo span { font-size: 13px; font-weight: 520; }
.cifra-vivo b { margin-top: 8px; font-size: clamp(28px, 3.4vw, 44px); letter-spacing: -.03em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cifra-vivo small { margin-top: 6px; font-size: 12.5px; }
.top-vivo { padding: 20px 22px; }
.lista-top li { grid-template-columns: 26px 36px minmax(0, 1fr) auto; gap: 12px; padding: 11px 2px; }
.lista-top .nombre-top { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; overflow-wrap: normal; }
.lista-top b { display: inline-flex; align-items: baseline; gap: 5px; justify-self: end; padding: 4px 11px; border: 1px solid var(--hilo2); border-radius: 999px; font-family: var(--mono); font-size: 13.5px; font-weight: 600; color: var(--tinta); }
.lista-top b small { font-family: var(--sans); font-size: 12px; }
.grafica-vivo { padding: 20px 20px 14px; }
.grafica-vivo .lienzo { height: 300px; }
@media (max-width: 980px) {
    .vivo-cifras, .vivo-cifras.cuatro { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
    .grafica-vivo .lienzo { height: 240px; }
}
@media (max-width: 560px) {
    .vivo-cifras, .vivo-cifras.cuatro { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
    .cifra-vivo { padding: 14px 14px 13px; border-radius: 14px; }
    .cifra-vivo span { font-size: 12px; line-height: 1.3; }
    .cifra-vivo b { margin-top: 6px; font-size: clamp(22px, 7vw, 28px); }
    .cifra-vivo small { font-size: 11.5px; line-height: 1.35; }
    .top-vivo { padding: 16px 14px; }
    .lista-top li { grid-template-columns: 20px 30px minmax(0, 1fr) auto; gap: 10px; padding: 10px 0; }
    .lista-top img, .lista-top .ico-top { width: 30px; height: 30px; }
    .lista-top b { grid-column: auto; font-size: 12.5px; padding: 3px 9px; }
    .lista-top b small { display: none; }
    .grafica-vivo .lienzo { height: 210px; }
}
@media (max-width: 980px) { .vivo-cifras:not(.cuatro) > :last-child:nth-child(odd) { grid-column: 1 / -1; align-items: center; text-align: center; } }