/* Trazo · pulido de pantallas de la app (02/11/2026).
   Se carga después de puente.css. Pone a las pantallas existentes la gramática de Trazo sin reescribir su HTML:
   títulos ligeros y anchos (Archivo, eje wdth), etiquetas en Martian Mono, datos en mono tabular,
   tarjetas de línea fina y esquina de 2 px, símbolos de verdad en vez de iconos de caja, y el oro solo
   donde significa algo (el Diseño en Diseño Humano y Gene Keys).
   Es el embrión de app.css (fase 2): cuando cada pantalla se rehaga, sus reglas se mueven a su sitio. */

/* ── 0. Menú ─────────────────────────────────────────────────────────────────────────── *
 * Sin franja: el menú lleva la misma rejilla de puntos que la página (fijada al viewport en los dos, para que
 * casen) y una línea fina que lo separa. Elementos sin caja: texto apagado, el activo en tinta con su raya.
 * Iconos: Lucide 1.66 (ISC), trazo 1.5, pintados con máscara sobre currentColor (app/img/iconos). */
html body { background-attachment: fixed; }
#menu {
  background-color: var(--fondo) !important;
  background-image: radial-gradient(circle at 1px 1px, var(--rejilla-suave) 1px, transparent 1.4px) !important;
  background-size: var(--paso) var(--paso) !important; background-attachment: fixed !important;
  box-shadow: none !important; border-radius: 0 !important;
}
@media (min-width: 701px) { #menu { border: 0 !important; border-bottom: 1px solid var(--linea) !important; } }
@media (max-width: 700px) { #menu { border: 0 !important; border-top: 1px solid var(--linea) !important; } }
#menu > ul > li, #menu > ul > li#lilogo { background: transparent !important; box-shadow: none !important; border-radius: 0 !important; }
#menu .iconomenu:not(#user_id) { background: none !important; }
#menu .iconomenu, #menu .iconomenu i { color: var(--apagado) !important; -webkit-text-fill-color: currentColor !important; }
#menu > ul > li:hover .iconomenu, #menu > ul > li:hover .iconomenu i,
#menu > ul > li.activo .iconomenu, #menu > ul > li.activo .iconomenu i { color: var(--tinta) !important; }
@media (min-width: 701px) { #menu .iconomenu { font: 500 13px/1 var(--font-sans) !important; letter-spacing: .01em; gap: 8px; } }
@media (min-width: 701px) {
  /* Aire entre los elementos y la línea; la raya del activo cae justo sobre la línea, como una pestaña */
  #menu { padding-bottom: 12px !important; height: auto !important; }
  #menu > ul > li.activo { position: relative; }
  #menu .iconomenu { white-space: nowrap !important; }
  #menu > ul > li { flex-shrink: 0; }
  #menu > ul > li.activo::after { content: ""; position: absolute; left: 0; right: 0; bottom: -13px; height: 1px; background: var(--tinta); }
}
@media (max-width: 700px) {
  #menu > ul > li.activo .iconomenu i { position: relative; }
  #menu > ul > li.activo::after { content: ""; position: absolute; left: 50%; bottom: 4px; width: 4px; height: 4px; margin-left: -2px; border-radius: 50%; background: var(--tinta); }
}
/* Iconos: fuera el glifo de Font Awesome, dentro el SVG de línea */
#menu .iconomenu i { width: 18px !important; height: 18px !important; margin: 0 !important; flex: none; font-size: 0 !important; background: currentColor !important;
  -webkit-mask: none center / contain no-repeat; mask: none center / contain no-repeat; }
#menu .iconomenu i::before { content: none !important; }
@media (max-width: 700px) { #menu .iconomenu i { width: 22px !important; height: 22px !important; } }
#menu #li_dashboard .iconomenu i { -webkit-mask-image: url(../../img/iconos/house.svg); mask-image: url(../../img/iconos/house.svg); }
#menu #li_chat_menu .iconomenu i { -webkit-mask-image: url(../../img/iconos/message-circle.svg); mask-image: url(../../img/iconos/message-circle.svg); }
#menu #li_inicio .iconomenu i { -webkit-mask-image: url(../../img/iconos/orbit.svg); mask-image: url(../../img/iconos/orbit.svg); }
#menu #li_hd .iconomenu i { -webkit-mask-image: url(../../img/iconos/person-standing.svg); mask-image: url(../../img/iconos/person-standing.svg); }
#menu #li_genekeys .iconomenu i { -webkit-mask-image: url(../../img/iconos/dna.svg); mask-image: url(../../img/iconos/dna.svg); }
#menu #li_admin .iconomenu i { -webkit-mask-image: url(../../img/iconos/settings.svg); mask-image: url(../../img/iconos/settings.svg); }
#menu #li_libreria .iconomenu i { -webkit-mask-image: url(../../img/iconos/users.svg); mask-image: url(../../img/iconos/users.svg); }
#menu #li_afiliado .iconomenu i { -webkit-mask-image: url(../../img/iconos/handshake.svg); mask-image: url(../../img/iconos/handshake.svg); }
#menu #li_item_menu .iconomenu i { -webkit-mask-image: url(../../img/iconos/gauge.svg); mask-image: url(../../img/iconos/gauge.svg); }
#menu #li_loguser .iconomenu i { -webkit-mask-image: url(../../img/iconos/log-out.svg); mask-image: url(../../img/iconos/log-out.svg); }
#menu #li_expandir .iconomenu i { -webkit-mask-image: url(../../img/iconos/chevron-left.svg); mask-image: url(../../img/iconos/chevron-left.svg); }
#menu #li_expandir .iconomenu i.fa-bars { -webkit-mask-image: url(../../img/iconos/menu.svg); mask-image: url(../../img/iconos/menu.svg); }
/* La foto de perfil: redonda, con línea fina */
#menu #user_id { background-size: cover !important; background-position: center !important; border-radius: 50% !important; box-shadow: 0 0 0 1px var(--linea-fuerte) !important; }
#menu #li_perfil_menu.activo #user_id, #menu #li_perfil_menu:hover #user_id { box-shadow: 0 0 0 1px var(--tinta) !important; }
/* Día/Noche dentro del menú, pegado a la foto */
#menu #li_tema { display: flex; align-items: center; margin-left: auto; padding: 0 !important; }
#menu #li_tema + #li_perfil_menu { margin-left: 4px !important; }

/* ── 1. Tipografía ───────────────────────────────────────────────────────────────────── */
/* Títulos de pantalla: expansión (ligero, ancho), como .expansion-m del sistema */
#content :is(h1, .carta-title, .genekeys-title, .libreria-title) {
  font-weight: 300 !important; font-stretch: 125%; font-variation-settings: "wdth" 125;
  letter-spacing: -0.01em !important; line-height: 1.06 !important; text-wrap: balance;
  font-size: clamp(26px, 5.6vw, 38px) !important; text-transform: none !important;
}
#content :is(h2, .carta-section-title, .genekeys-section-title) {
  font-weight: 300 !important; font-stretch: 112%; font-variation-settings: "wdth" 112;
  letter-spacing: -0.005em !important; line-height: 1.12 !important; text-wrap: balance;
  font-size: clamp(21px, 4.2vw, 27px) !important;
}
/* El icono de Font Awesome delante de un título sobra: el título ya es el gesto */
#content :is(h1, h2, .carta-title, .carta-section-title, .genekeys-title, .genekeys-section-title, .modern-astrogen-title, .dash-guide-title) > i[class*="fa-"] { display: none !important; }
#content :is(h3, h4, h5) { font-weight: 500 !important; letter-spacing: 0 !important; }

/* Etiquetas: todo lo que estaba en mayúsculas pequeñas pasa a Martian Mono (.etiqueta) */
#content :is(.modern-astrogen-title, .modern-card-header, .hemisphere-label, .tap-hint, .highlight-title,
  .hd-info-label, .hd-variable-label, .genekeys-info-label, .genekeys-ver-interp, .carta-reports-title,
  .dash-summary-label, .dash-guide-title, .dash-badge, .carta-table-header, .cmp-tiporel-label) {
  font-family: var(--font-mono) !important; font-size: 11px !important; line-height: 16px !important;
  font-weight: 500 !important; letter-spacing: 0.1em !important; text-transform: uppercase !important;
  font-stretch: 100%; font-variation-settings: normal;
}
#content :is(.modern-card-header, .hd-info-label, .hd-variable-label, .genekeys-info-label, .dash-summary-label, .tap-hint, .carta-table-header) { color: var(--apagado) !important; }
#content .modern-card-header i, #content .modern-astrogen-title i, #content .tap-hint i, #content .dash-guide-title i, #content .dash-badge i { display: none !important; }
#content .modern-astrogen-title { color: var(--tinta) !important; text-align: left !important; justify-content: flex-start !important; }

/* Datos (fechas, grados, cifras): mono tabular */
#content :is(.hemisphere-value, .hd-variable-value, .dash-guide-step-num, .carta-table-cell) { font-variant-numeric: tabular-nums; }

/* ── 2. Tarjetas y cajas: línea fina, esquina de 2 px, sin relleno de color ───────────── */
#content :is(.carta-section, .modern-astrogen-card, .dash-card, .dash-summary, .dash-guide, .hd-info-item,
  .modern-hd-variable-item, .genekeys-info-item, .highlight-planet-card, .carta-table-row) {
  background: transparent !important; border-color: var(--linea) !important; border-radius: var(--radio-1) !important; box-shadow: none !important;
}
#content :is(.dash-card, .highlight-planet-card, .hd-info-item, .modern-hd-variable-item, .genekeys-info-item) {
  transition: border-color var(--toque) var(--curva), background-color var(--toque) var(--curva);
}
#content :is(.dash-card, .highlight-planet-card, .hd-info-item, .modern-hd-variable-item, .genekeys-info-item):hover {
  border-color: var(--linea-fuerte) !important; background: var(--fondo-2) !important; transform: none !important;
}

/* Fecha · hora · lugar: una línea de datos, no tres píldoras con icono */
#content .carta-info-grid { display: flex !important; flex-wrap: wrap; justify-content: center; gap: 0 !important; }
#content .carta-info-item {
  background: none !important; border: 0 !important; border-radius: 0 !important; padding: 2px 10px !important; margin: 0 !important;
  font: 400 12px/20px var(--font-mono) !important; letter-spacing: 0.02em; color: var(--tinta-2) !important; box-shadow: none !important;
}
#content .carta-info-item + .carta-info-item { border-left: 1px solid var(--linea) !important; }
#content .carta-info-item i { display: none !important; }
#content .carta-info-item strong { font-weight: 400 !important; color: var(--apagado) !important; text-transform: uppercase; font-size: 10px; letter-spacing: 0.1em; margin-right: 4px; }

/* ── 3. Inicio (dashboard) ───────────────────────────────────────────────────────────── */
#content .dash-greeting h1, #content h1.dash-greeting, #content .dash-greeting { text-wrap: balance; }
#content .dash-summary-value { font-weight: 400 !important; }
/* Cada tarjeta, su símbolo (en lugar de la caja gris con icono) */
#content .dash-card-icon { background: none !important; border: 0 !important; box-shadow: none !important; width: auto !important; height: auto !important; margin-bottom: 6px !important; }
#content .dash-card-icon > i, #content .dash-card-icon > svg { display: none !important; }
#content .dash-card-icon::before { font-family: var(--font-simbolos); font-size: 30px; line-height: 1; color: var(--tinta); }
#content .dash-card-icon.chat::before { content: "☉"; }
#content .dash-card-icon.energia::before { content: "☽"; }
#content .dash-card-icon.people::before { content: "☍"; }
#content .dash-card-icon.report::before { content: "✦"; color: var(--oro); }
#content .dash-card-title { font-weight: 500 !important; font-size: 18px !important; letter-spacing: 0 !important; }
#content .dash-guide-step-num {
  background: none !important; border: 0 !important; color: var(--apagado) !important; border-radius: 0 !important;
  font: 500 11px/1 var(--font-mono) !important; letter-spacing: 0.06em; width: auto !important; min-width: 22px; height: auto !important; padding-top: 4px;
}
#content .dash-guide-step strong, #content .dash-guide-step b { font-weight: 600 !important; }
#content .dash-badge { background: none !important; border: 1px solid var(--linea-fuerte) !important; border-radius: var(--radio-capsula) !important; padding: 3px 12px !important; color: var(--tinta) !important; }
#content .dash-badge.premium::before { content: "✦"; color: var(--oro); margin-right: 6px; font-family: var(--font-simbolos); }

/* ── 4. Carta natal ──────────────────────────────────────────────────────────────────── */
/* Barras de elementos, polaridades y modalidades: tinta sobre línea (el color no aportaba datos) */
#content .modern-progress-bar { background: var(--velo) !important; height: 3px !important; border-radius: 0 !important; box-shadow: none !important; }
#content .modern-progress-fill { background: var(--tinta) !important; background-image: none !important; border-radius: 0 !important; box-shadow: none !important; }
#content .modern-bar-label { font-weight: 400 !important; }
#content .modern-bar-label :is(span, b, strong):last-child {
  background: none !important; border: 0 !important; font: 400 13px/20px var(--font-mono) !important; color: var(--tinta) !important; padding: 0 !important;
}
#content .hemisphere-item { background: transparent !important; border: 1px solid var(--linea) !important; border-radius: var(--radio-1) !important; box-shadow: none !important; }
#content .hemisphere-value { font: 300 24px/1.1 var(--font-mono) !important; }
#content .highlight-planet-name { font-weight: 500 !important; }
#content :is(.planet-icon, .planet-icon-highlight, .highlight-planet-icon) { background: none !important; border-color: var(--linea-fuerte) !important; color: var(--tinta) !important; box-shadow: none !important; }

/* ── 5. Diseño Humano: el bodygraph en Trazo (Diseño en oro, Personalidad en tinta) ──── */
/* La plantilla (app/img/bodygraph.svg) trae colores de atributo; aquí se mandan por tema.
   El CSS gana a los atributos de presentación. Lo que vive en <defs> y se pinta con <use> (centros, círculo de
   puerta, planetas) va sin ancestro en el selector: el clon del <use> no ve el svg.tz-bg de fuera. */
svg.tz-bg #background path { fill: rgba(var(--tinta-rgb), 0.045) !important; }
svg.tz-bg #channels-empty path { fill: var(--velo) !important; }
[id^="centers-"][id$="-open"] path[fill="white"] { fill: var(--fondo) !important; }
[id^="centers-"][id$="-open"] path[stroke] { stroke: var(--linea-fuerte) !important; }
[id^="centers-"][id$="-close"] path { fill: var(--tinta) !important; stroke: none !important; }
#center-number-circle path { fill: var(--fondo) !important; stroke: var(--tinta); stroke-width: 1; }
svg.tz-bg [id^="center-number-"] path[fill="white"] { fill: var(--tinta) !important; }
svg.tz-bg [id^="center-number-"] path[fill="#050606"] { fill: var(--apagado) !important; }
svg.tz-bg [id^="channel-"] [fill="#cc9e75"] { fill: var(--oro) !important; }
svg.tz-bg [id^="channel-"] [stroke="#cc9e75"] { stroke: var(--oro) !important; }
svg.tz-bg [id^="channel-"] [fill="#050606"] { fill: var(--tinta) !important; }
svg.tz-bg [id^="channel-"] [stroke="#050606"] { stroke: var(--tinta) !important; }
/* Columnas de planetas: el disco desaparece, el glifo toma el color de su lado */
[id^="planets-"] path[fill="white"] { fill: currentColor !important; }
svg.tz-bg #box-planets-design use { fill: var(--fondo) !important; color: var(--oro); }
svg.tz-bg #box-planets-person use { fill: var(--fondo) !important; color: var(--tinta); }
svg.tz-bg #box-numbers-design { fill: var(--oro) !important; }
svg.tz-bg #box-numbers-person { fill: var(--tinta) !important; }
svg.tz-bg .tz-bg-oro { fill: var(--oro) !important; }
svg.tz-bg .tz-bg-tinta { fill: var(--tinta) !important; }
svg.tz-bg .tz-bg-apagado { fill: var(--apagado) !important; }
#content .hd-bodygraph-panel, #content .hd-bodygraph-wrapper { background: none !important; }

/* Tarjetas de información de HD: sin círculo de icono, el valor en grande y ligero */
#content :is(.hd-icon-wrapper, .hd-variable-icon-wrapper, .genekeys-icon-wrapper) { display: none !important; }
#content :is(.hd-info-value, .hd-variable-value, .genekeys-info-value) {
  background: none !important; border: 0 !important; box-shadow: none !important; padding: 2px 0 0 !important;
  font-size: 19px !important; font-weight: 300 !important; color: var(--tinta) !important; text-align: inherit;
}

/* ── 6. Gene Keys: líneas del diagrama (rojo = Diseño → oro, azul = Personalidad → tinta) ── */
#content stop[stop-color="#9F2A21"], #content stop[stop-color="#9f2a21"] { stop-color: var(--oro) !important; }
#content stop[stop-color="#4684E7"], #content stop[stop-color="#4684e7"] { stop-color: var(--tinta) !important; }

/* ── 7. Librería ─────────────────────────────────────────────────────────────────────── */
#content .report-badge-done { color: var(--tinta) !important; }

/* ── 8. Chat: avatares legibles (antes tinta sobre tinta) ───────────────────────────── */
.cs-avatar {
  background: none !important; border: 1px solid var(--linea-fuerte) !important; color: var(--tinta) !important;
  font: 500 11px/1 var(--font-mono) !important; letter-spacing: 0.04em;
}
.user-message .message-avatar { background: var(--tinta) !important; color: var(--fondo) !important; border: 0 !important; }
.assistant-message .message-avatar, .typing-avatar { background: none !important; color: var(--oro) !important; border: 1px solid var(--linea-fuerte) !important; font-family: var(--font-simbolos); }
.cs-meta { color: var(--apagado) !important; }

/* ── 9. Perfil ───────────────────────────────────────────────────────────────────────── */
#content .perfil-renueva, #content [class*="renueva"] { color: var(--apagado) !important; }

/* ── 10. Botón «Compartir» de los diagramas: abajo a la derecha, en línea, sin tapar la cabecera ── */
.mpb-trigger {
  top: auto !important; bottom: 12px !important; right: 12px !important;
  background: var(--fondo) !important; color: var(--tinta) !important; border: 1px solid var(--linea-fuerte) !important;
  box-shadow: none !important; backdrop-filter: none !important;
}
.mpb-trigger:hover { border-color: var(--tinta) !important; background: var(--fondo-2) !important; }
.mpb-trigger .mpb-label { font: 500 11px/1 var(--font-mono) !important; letter-spacing: .1em; text-transform: uppercase; }

/* ── 11. Retoques de la carta ─────────────────────────────────────────────────────── */
/* Fecha, hora y lugar: en móvil, columna centrada (sin separadores que se descuelgan al partir línea) */
@media (max-width: 600px) {
  #content .carta-info-grid { flex-direction: column; align-items: center; gap: 2px !important; }
  #content .carta-info-item + .carta-info-item { border-left: 0 !important; }
}
#content .tap-hint { text-align: center !important; justify-content: center !important; padding-inline: 16px !important; }
/* Botones de compartir de la pantalla: cápsula de línea (tz-boton--linea) */
#content :is(.element-share-btn, .vc-share-btn) {
  background: transparent !important; color: var(--tinta) !important; border: 1px solid var(--linea-fuerte) !important;
  border-radius: var(--radio-0) !important; box-shadow: none !important; min-height: 44px;
  font: 500 14px/1.2 var(--font-sans) !important; letter-spacing: .01em;
  transition: background-color var(--toque) var(--curva), border-color var(--toque) var(--curva);
}
#content :is(.element-share-btn, .vc-share-btn):hover { background: var(--velo) !important; border-color: var(--tinta) !important; }
#content :is(.element-share-btn, .vc-share-btn) i { display: none !important; }
#content :is(.element-share-btn, .vc-share-btn)::after { content: "→"; margin-left: 8px; }
/* Tarjeta de planeta: el nombre como etiqueta, el signo grande y ligero, la casa como dato */
#content .highlight-planet-name { font: 500 11px/16px var(--font-mono) !important; letter-spacing: .1em !important; text-transform: uppercase; }
#content .highlight-sign-name-large { font-weight: 300 !important; font-size: 18px !important; }
#content .highlight-sign-symbol-large { color: var(--tinta) !important; }
#content .highlight-detail-item { background: none !important; border: 0 !important; border-top: 1px solid var(--linea) !important; border-radius: 0 !important; }
#content .highlight-detail-item .detail-label { font: 500 11px/16px var(--font-mono) !important; letter-spacing: .1em; text-transform: uppercase; color: var(--apagado) !important; }
#content .highlight-detail-item .detail-value { font: 400 15px/20px var(--font-mono) !important; background: none !important; }
#content .highlight-card-header { border-color: var(--linea) !important; }

/* ── 12. Gene Keys ─────────────────────────────────────────────────────────────────── */
/* Fecha, hora y lugar: igual que en la carta */
#content .genekeys-info-grid { display: flex !important; flex-direction: column; align-items: center; gap: 2px !important; }
#content .genekeys-info-grid .genekeys-info-item {
  background: none !important; border: 0 !important; padding: 0 !important; box-shadow: none !important;
  font: 400 12px/20px var(--font-mono) !important; color: var(--tinta-2) !important;
}
#content .genekeys-info-grid .genekeys-info-item i { display: none !important; }
#content .genekeys-info-grid .genekeys-info-item strong { font-weight: 400 !important; color: var(--apagado) !important; text-transform: uppercase; font-size: 10px; letter-spacing: .1em; margin-right: 4px; }
/* El diagrama: esferas de línea (papel con borde de tinta), cifras en mono, sin degradados de color.
   Las líneas de la secuencia: Diseño (rojo) en oro, Personalidad (azul) en tinta. */
#content .genekeys-diagram-wrapper circle.sphere_main { fill: var(--fondo) !important; stroke: var(--tinta) !important; stroke-width: 1px !important; }
#content .genekeys-diagram-wrapper circle.sphere_sequence_cusp { fill: none !important; }
#content .genekeys-diagram-wrapper text.sphere-labels { fill: var(--tinta) !important; font-family: var(--font-mono) !important; font-weight: 400 !important; }
#content .genekeys-diagram-wrapper text.sphere-label-name { fill: var(--apagado) !important; text-shadow: none !important; }
#content .genekeys-diagram-wrapper text.prevent-select:not(.sphere-labels):not(.sphere-label-name) { fill: var(--tinta-2) !important; stroke: none !important; }
#content .genekeys-diagram-wrapper [stroke="#9F2A21" i] { stroke: var(--oro) !important; }
#content .genekeys-diagram-wrapper [stroke="#4684E7" i] { stroke: var(--tinta) !important; }
#content .genekeys-diagram-wrapper [stop-color="#cc9e75" i] { stop-color: var(--oro) !important; }
#content .genekeys-diagram-wrapper :is([stop-color="#FF7D7D" i], [stop-color="#A8CDA2" i], [stop-color="#A6C8FF" i], [stop-color="#A6A7FF" i], [stop-color="#191b8b" i]) { stop-color: var(--linea-fuerte) !important; }
/* Tarjetas de cada esfera: la cifra como dato, las tres frecuencias como fichas de línea */
#content .modern-genekeys-item .genekeys-info-value { font: 300 26px/1.1 var(--font-mono) !important; text-align: left !important; }

/* ── 13. Texto sobre tinta ─────────────────────────────────────────────────────────── *
 * Donde antes había texto blanco sobre dorado, el paso a tokens dejó tinta sobre tinta (invisible).
 * Todos pasan a la acción de Trazo: fondo --accion, texto --sobre-accion (= .tz-boton). Lista sacada
 * escaneando las reglas con fondo de tinta y color de tinta (02/11/2026). */
.cs-btn-start, .cs-carta.selected .cs-check, .chat-premium-banner.cpb-urgent .cpb-btn, .bono-popular-badge, .bono-icon, .btn-seleccionar,
#formulario_carta .si_no #asistencia_no:checked + label, .form_sesiones .si_no #asistencia_no:checked + label,
#formulario_carta .si_no .asistencia_no:checked + label, .form_sesiones .si_no .asistencia_no:checked + label,
.nuevo_item:hover, .boton_base, form .zp-button, .tk-submit, .mi-notif-badge, .manual-card .manual-badge,
#mensajes_completo #mensajes_priv #div_mensaje #escribir_nuevo p .elegido,
#menu_perfil_principal #menu_inferior_derecha #nuevas_notificaciones span {
  background: var(--accion) !important; background-image: none !important; color: var(--sobre-accion) !important;
  -webkit-text-fill-color: currentColor !important; border-color: var(--accion) !important; text-shadow: none !important; box-shadow: none !important;
}
.cs-btn-start, .chat-premium-banner.cpb-urgent .cpb-btn, .btn-seleccionar, form .zp-button, .tk-submit, .boton_base { border-radius: var(--radio-0) !important; font-weight: 500 !important; }
.cs-btn-start:hover, .btn-seleccionar:hover, form .zp-button:hover, .tk-submit:hover { background: var(--tinta-2) !important; }
.cs-btn-start:disabled, .cs-btn-start[disabled] { background: var(--velo) !important; color: var(--apagado) !important; border-color: var(--velo) !important; }
.cs-btn-start i, .cs-btn-start svg, .btn-seleccionar i, form .zp-button i { color: inherit !important; }

/* ── 14. Menú: fuera los tooltips con el nombre (en escritorio ya está escrito; en móvil se quedaba pegado) ── */
#menu .tooltip .tooltip_texto { display: none !important; }
@media (max-width: 700px) { #menu #li_tema { margin-left: 0 !important; } #menu #li_tema + #li_perfil_menu { margin-left: 0 !important; } #menu .tz-tema--menu { width: 34px; height: 34px; } #menu .tz-tema__ico { width: 22px; height: 22px; } }