/* GENERADO por herramientas/modo-oscuro.mjs — no se edita a mano.
   El dashboard en modo oscuro: sigue al teléfono, o lo que se eligió en
   Ajustes → Apariencia (dashboard/apariencia.js). 29 sep 2026. */
@media (prefers-color-scheme: dark) {

  html:not([data-apariencia="claro"]) .pan-body {
    color-scheme: dark;
    --app-fondo: #000000;
    --app-tarjeta: #1C1C1E;
    --app-hilo: rgba(255, 255, 255, .1);
    --app-tinta-2: #C7C7CC;
    --app-tinta-3: #8E8E93;
    --text-strong: #F5F5F7;
    --text-body: #C7C7CC;
    --text-muted: #98989F;
    --gray-50: #1C1C1E;
    --gray-100: #2C2C2E;
    --gray-200: #3A3A3C;
    --gray-300: #48484A;
    --blue: #3B82F6;
    --blue-dark: #8AB4FF;
    --blue-tint: rgba(59, 130, 246, .2);
    --border: 1px solid #3A3A3C;
    --ios-separador: rgba(84, 84, 88, .55);
    color: #F5F5F7;
  }
  html:not([data-apariencia="claro"]) .pan-body h1,
  html:not([data-apariencia="claro"]) .pan-body h2,
  html:not([data-apariencia="claro"]) .pan-body h3 { color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body .respuesta__caja { background-color: #1C1C1E; border-color: #3A3A3C; }
  html:not([data-apariencia="claro"]) .pan-body .respuesta__titulo { color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body .respuesta__caja p { color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .comparativa__titulo { color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body .tabla-envoltorio { border-color: #3A3A3C; background-color: #1C1C1E; }
  html:not([data-apariencia="claro"]) .pan-body .tabla-comp th,
  html:not([data-apariencia="claro"]) .pan-body .tabla-comp td { border-bottom-color: #3A3A3C; }
  html:not([data-apariencia="claro"]) .pan-body .tabla-comp thead th { color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body .tabla-comp tbody th { color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body .tabla-comp tbody td { color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .comparativa__pie strong { color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body .btn--ghost { border-color: #3A3A3C; color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body .btn--secondary { border-color: #3A3A3C; }
  html:not([data-apariencia="claro"]) .pan-body .idioma { border-color: #3A3A3C; }
  html:not([data-apariencia="claro"]) .pan-body .idioma__op { color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .site-header { background-color: #1C1C1E; }
  html:not([data-apariencia="claro"]) .pan-body .site-header.is-desplazado { background-color: #1C1C1E; }
  html:not([data-apariencia="claro"]) .pan-body .site-header { background-color: #1C1C1E; }
  html:not([data-apariencia="claro"]) .pan-body .nav { background-color: #1C1C1E; border-bottom-color: #3A3A3C; }
  html:not([data-apariencia="claro"]) .pan-body .nav__link { color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body .video-hero { background-color: #1C1C1E; }
  html:not([data-apariencia="claro"]) .pan-body .video-hero__pieza { background-color: #1C1C1E; }
  html:not([data-apariencia="claro"]) .pan-body .video-hero__control { background-color: #1C1C1E; color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body .video-hero__control:hover { background-color: #1C1C1E; }
  html:not([data-apariencia="claro"]) .pan-body .card { background-color: #1C1C1E; border-color: #3A3A3C; }
  html:not([data-apariencia="claro"]) .pan-body .card--plain { border-top-color: #3A3A3C; }
  html:not([data-apariencia="claro"]) .pan-body .card--plain .card__title { color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body .step { border-top-color: #3A3A3C; }
  html:not([data-apariencia="claro"]) .pan-body .producto { background-color: #1C1C1E; border-color: #3A3A3C; }
  html:not([data-apariencia="claro"]) .pan-body .producto:hover { border-color: #3A3A3C; }
  html:not([data-apariencia="claro"]) .pan-body .producto__cifra { color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body .paquete { background-color: #1C1C1E; border-color: #3A3A3C; }
  html:not([data-apariencia="claro"]) .pan-body .paquete__cifra { color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body .paquete__ahorro { color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .industry { background-color: #1C1C1E; border-color: #3A3A3C; }
  html:not([data-apariencia="claro"]) .pan-body .form { background-color: #1C1C1E; }
  html:not([data-apariencia="claro"]) .pan-body .field__label { color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body .field__input { background-color: #1C1C1E; border-color: #3A3A3C; color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body .field__error { color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .form__status.is-ok { background-color: #2C2C2E; color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .form__status.is-error { background-color: #2C2C2E; color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .faq { border-top-color: #3A3A3C; }
  html:not([data-apariencia="claro"]) .pan-body .faq__item { border-bottom-color: #3A3A3C; }
  html:not([data-apariencia="claro"]) .pan-body .faq__q { color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body .faq__a strong { color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body .fuente-google__boton { background-color: #1C1C1E; color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body .fuente-google__boton:hover { background-color: #1C1C1E; color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body .wa-float { color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body .wa-float:hover { color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body .cta-movil { background-color: #1C1C1E; border-top-color: #3A3A3C; }
  html:not([data-apariencia="claro"]) .pan-body .cta-movil__precio { color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body .aviso-cookies { background-color: #1C1C1E; }
  html:not([data-apariencia="claro"]) .pan-body .aviso-cookies__texto p { color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .aviso-cookies__texto strong { color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body .setup__titulo { color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body .setup__error { color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .setup__resultado { background-color: #1C1C1E; }
  html:not([data-apariencia="claro"]) .pan-body .setup__resultado-nombre { color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body .setup__salida:hover { color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body .resumen__modelo { color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body .banda { background-color: #1C1C1E; }
  html:not([data-apariencia="claro"]) .pan-body .banda__dato strong { color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body .mapa { background-color: #1C1C1E; border-color: #3A3A3C; }
  html:not([data-apariencia="claro"]) .pan-body .mapa__barra { border-color: #3A3A3C; }
  html:not([data-apariencia="claro"]) .pan-body .mapa__nombre { color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body .mapa__remate { color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body .producto__escena { background-color: #1C1C1E; border-color: #3A3A3C; }
  html:not([data-apariencia="claro"]) .pan-body .en-uso { border-top-color: #3A3A3C; }
  html:not([data-apariencia="claro"]) .pan-body .en-uso__pie strong { color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body .opinion { background-color: #1C1C1E; border-color: #3A3A3C; }
  html:not([data-apariencia="claro"]) .pan-body .opinion__texto { color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body .opinion__firma strong { color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body .opiniones__flecha { background-color: #1C1C1E; border-color: #3A3A3C; color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body .portal__paso { background-color: #1C1C1E; border-color: #3A3A3C; }
  html:not([data-apariencia="claro"]) .pan-body .portal__paso p { color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .portal__paso code { color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body .plan { background-color: #1C1C1E; border-color: #3A3A3C; }
  html:not([data-apariencia="claro"]) .pan-body .plan__cifra { color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body .plan__para { color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .plan__lista li { color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .plan__lista li[data-pronto]::before { border-color: #3A3A3C; }
  html:not([data-apariencia="claro"]) .pan-body .planes__nota { border-color: #3A3A3C; background-color: #1C1C1E; color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .section--tint { background-color: #1C1C1E; }
  html:not([data-apariencia="claro"]) .pan-body .section--tint .producto,
  html:not([data-apariencia="claro"]) .pan-body .section--tint .paquete { border-color: #3A3A3C; }
  html:not([data-apariencia="claro"]) .pan-body .pan-header { background-color: #1C1C1E; border-bottom-color: #3A3A3C; }
  html:not([data-apariencia="claro"]) .pan-body .acceso__h1 { color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body .acceso__lead { color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .crm-top { background-color: #1C1C1E; border-bottom-color: #3A3A3C; }
  html:not([data-apariencia="claro"]) .pan-body .crm-top__titulo { color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body .crm-tabs { background-color: #1C1C1E; border-bottom-color: #3A3A3C; }
  html:not([data-apariencia="claro"]) .pan-body .crm-tab { border-color: #3A3A3C; background-color: #1C1C1E; color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .crm-bloque__titulo { border-top-color: #3A3A3C; color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body .crm-pie { border-top-color: #3A3A3C; }
  html:not([data-apariencia="claro"]) .pan-body .crm-rail { background-color: #1C1C1E; border-right-color: #3A3A3C; }
  html:not([data-apariencia="claro"]) .pan-body .crm-cuenta { border-color: #3A3A3C; }
  html:not([data-apariencia="claro"]) .pan-body .crm-cuenta__negocio { color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body .crm-nav__link { color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .crm-nav__link:hover { color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body .crm-nav__link--grupo::before { border-top-color: #3A3A3C; }
  html:not([data-apariencia="claro"]) .pan-body .crm-rail__pie { border-top-color: #3A3A3C; }
  html:not([data-apariencia="claro"]) .pan-body .crm-card { background-color: #1C1C1E; border-color: #3A3A3C; }
  html:not([data-apariencia="claro"]) .pan-body .crm-card__titulo { color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body .crm-ayuda { color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .crm-ayuda--marco { border-color: #3A3A3C; }
  html:not([data-apariencia="claro"]) .pan-body .crm-ok { color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .crm-vacio { border-color: #3A3A3C; }
  html:not([data-apariencia="claro"]) .pan-body .crm-kpi { background-color: #1C1C1E; border-color: #3A3A3C; }
  html:not([data-apariencia="claro"]) .pan-body .crm-kpi__num { color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body .crm-kpi__delta--sube { color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .crm-kpi__delta--baja { color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .crm-fila { border-top-color: #3A3A3C; }
  html:not([data-apariencia="claro"]) .pan-body .crm-fila__nombre { color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body .crm-fila__destino { color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .crm-fila__num b { color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body .crm-tabla__cab { border-bottom-color: #3A3A3C; }
  html:not([data-apariencia="claro"]) .pan-body .crm-fila:hover { background-color: #1C1C1E; }
  html:not([data-apariencia="claro"]) .pan-body .crm-filtro { border-color: #3A3A3C; background-color: #1C1C1E; color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .crm-nota-caja { border-color: #3A3A3C; }
  html:not([data-apariencia="claro"]) .pan-body .crm-nota__num { color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body .crm-nota__delta { background-color: #2C2C2E; color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .crm-nota__delta--baja { background-color: #2C2C2E; color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .crm-resena { border-top-color: #3A3A3C; }
  html:not([data-apariencia="claro"]) .pan-body .crm-resena__autor { color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body .crm-resena__texto { color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .crm-etiqueta--nueva { background-color: #2C2C2E; color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .crm-borrador { border-color: #3A3A3C; }
  html:not([data-apariencia="claro"]) .pan-body .crm-borrador__texto { border-color: #3A3A3C; background-color: #1C1C1E; color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body .crm-candado { border-color: #3A3A3C; background-color: #1C1C1E; }
  html:not([data-apariencia="claro"]) .pan-body .crm-candado__titulo { color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body .crm-candado__texto { color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .crm-lista-check li { color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .crm-estado--espera { background-color: #2C2C2E; color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .crm-estado--vivo { background-color: #2C2C2E; color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .crm-switch__pista::after { background-color: #1C1C1E; }
  html:not([data-apariencia="claro"]) .pan-body .crm-switch__texto { color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body .crm-an__cifra { border-color: #3A3A3C; }
  html:not([data-apariencia="claro"]) .pan-body .crm-an__cifra b { color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body .pan-error { background-color: #2C2C2E; color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .pan-aviso { border-color: #3A3A3C; background-color: #2C2C2E; color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .pan-agregar { border-color: #3A3A3C; }
  html:not([data-apariencia="claro"]) .pan-body .pan-pasos__paso { border-top-color: #3A3A3C; }
  html:not([data-apariencia="claro"]) .pan-body .pan-pasos__num { color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .pan-nfc__instruccion { border-color: #3A3A3C; background-color: #1C1C1E; color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .pan-nfc__instruccion strong { color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body .pan-estado--fria { background-color: #2C2C2E; color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .pan-estado--nueva { background-color: #2C2C2E; color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .pan-chip { color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .pan-editor__caja { border-color: #3A3A3C; }
  html:not([data-apariencia="claro"]) .pan-body .pan-editor__titulo { color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body .pan-editor__bloque + .pan-editor__bloque { border-top-color: #3A3A3C; }
  html:not([data-apariencia="claro"]) .pan-body .pan-resultados { border-color: #3A3A3C; background-color: #1C1C1E; }
  html:not([data-apariencia="claro"]) .pan-body .pan-resultados li + li { border-top-color: #3A3A3C; }
  html:not([data-apariencia="claro"]) .pan-body .pan-resultado__nombre { color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body .pan-plan__item { color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .crm-sent__leyenda b { color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body .crm-chip--bien { background-color: #2C2C2E; border-color: #3A3A3C; color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .crm-chip--mal { background-color: #2C2C2E; border-color: #3A3A3C; color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .crm-filtrotema { color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body .crm-comp { border-color: #3A3A3C; }
  html:not([data-apariencia="claro"]) .pan-body .crm-comp__nombre { color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body .crm-comp__calif { color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body .crm-comp__quitar { border-color: #3A3A3C; background-color: #1C1C1E; }
  html:not([data-apariencia="claro"]) .pan-body .crm-comp__quitar:hover { border-color: #3A3A3C; color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .pan-tipo { border-color: #3A3A3C; background-color: #1C1C1E; }
  html:not([data-apariencia="claro"]) .pan-body .pan-tipo:hover { border-color: #3A3A3C; }
  html:not([data-apariencia="claro"]) .pan-body .pan-tipo__nombre { color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body .crm-tipo { color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .crm-tipo--sin { color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .crm-rango { background-color: #1C1C1E; border-color: #3A3A3C; }
  html:not([data-apariencia="claro"]) .pan-body .crm-rango__nota { color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .crm-comp__resenas { border-top-color: #3A3A3C; }
  html:not([data-apariencia="claro"]) .pan-body .crm-engrane { border-color: #3A3A3C; background-color: #1C1C1E; }
  html:not([data-apariencia="claro"]) .pan-body .crm-datos > div { border-top-color: #3A3A3C; }
  html:not([data-apariencia="claro"]) .pan-body .crm-datos dd { color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body .crm-facturas li { border-top-color: #3A3A3C; }
  html:not([data-apariencia="claro"]) .pan-body .crm-facturas__estado { color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .crm-facturas__estado.is-pagado { color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .crm-accesos li { border-top-color: #3A3A3C; }
  html:not([data-apariencia="claro"]) .pan-body .crm-accesos__datos b { color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body .fid-color { border-color: #3A3A3C; }
  html:not([data-apariencia="claro"]) .pan-body .crm-ayuda--ojo { color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .fid-cuenta__btn { border-color: #3A3A3C; background-color: #1C1C1E; color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body .fid-resultado { border-color: #3A3A3C; }
  html:not([data-apariencia="claro"]) .pan-body .fid-resultado strong { color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body .fid-resultado span { color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .fid-resultado--premio { background-color: #2C2C2E; border-color: #3A3A3C; }
  html:not([data-apariencia="claro"]) .pan-body .fid-resultado--premio strong { color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .fid-resultado--premio span { color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .fid-mas { border-top-color: #3A3A3C; }
  html:not([data-apariencia="claro"]) .pan-body .fid-mas__abre { color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .fid-mas__abre:hover { color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body .red-cuenta { border-top-color: #3A3A3C; }
  html:not([data-apariencia="claro"]) .pan-body .red-cuenta__quien b { color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body .red-cuenta__pie--espera { color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .red-cuenta__pie--aviso { color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .red-marca { border-color: #3A3A3C; color: #F5F5F7; background-color: #1C1C1E; }
  html:not([data-apariencia="claro"]) .pan-body .red-opcion { color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body .red-agenda { border-color: #3A3A3C; background-color: #1C1C1E; }
  html:not([data-apariencia="claro"]) .pan-body .red-cal__mes { color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body .red-horas__titulo { color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body .red-hora { background-color: #1C1C1E; }
  html:not([data-apariencia="claro"]) .pan-body .red-pub { border-color: #3A3A3C; background-color: #1C1C1E; }
  html:not([data-apariencia="claro"]) .pan-body .red-pub__cab b { color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body .red-pub__estado--publicada { background-color: #2C2C2E; color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .red-pub__estado--fallo { background-color: #2C2C2E; color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .red-pub__estado--parcial,
  html:not([data-apariencia="claro"]) .pan-body .red-pub__estado--interrumpida { background-color: #2C2C2E; color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .red-pub__texto { color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .red-pub__red { border-color: #3A3A3C; }
  html:not([data-apariencia="claro"]) .pan-body .red-pub__red--ok { border-color: #3A3A3C; background-color: #2C2C2E; color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .red-pub__red--mal { border-color: #3A3A3C; background-color: #2C2C2E; color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .red-pub__motivo { color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .fid-exito__caja { background-color: #1C1C1E; }
  html:not([data-apariencia="claro"]) .pan-body .fid-exito__titulo { color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body .fid-exito__texto { color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .fid-clientes { border-color: #3A3A3C; }
  html:not([data-apariencia="claro"]) .pan-body .fid-cliente { border-top-color: #3A3A3C; }
  html:not([data-apariencia="claro"]) .pan-body .fid-cliente__quien strong { color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body .fid-marca { background-color: #2C2C2E; color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .fid-cliente__cuenta strong { color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body .fid-cliente__borrar { color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .crm-estado--max { background-color: #2C2C2E; color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .fid-premio__quitar { color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .fid-marca--premio { background-color: #2C2C2E; color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .fid-marca--sin { background-color: #2C2C2E; color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .crm-num--puntaje { color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .crm-rank { background-color: #2C2C2E; color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .crm-rank--1 { background-color: #2C2C2E; color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .enc-chips li { background-color: #2C2C2E; }
  html:not([data-apariencia="claro"]) .pan-body .enc-chips--mal li { background-color: #2C2C2E; }
  html:not([data-apariencia="claro"]) .pan-body .enc-resp { border-top-color: #3A3A3C; }
  html:not([data-apariencia="claro"]) .pan-body .enc-resp__donde { color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body .enc-resp__texto { color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body .enc-resp__contacto { background-color: #2C2C2E; }
  html:not([data-apariencia="claro"]) .pan-body .enc-resp__google { color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .enc-resp--mal .enc-resp__donde { color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .enc-placa { border-top-color: #3A3A3C; }
  html:not([data-apariencia="claro"]) .pan-body .crm-equipo__cita { border-left-color: #3A3A3C; }
  html:not([data-apariencia="claro"]) .pan-body .fid-lugares li { background-color: #2C2C2E; }
  html:not([data-apariencia="claro"]) .pan-body .fid-lugares small { color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .fid-nivel--plata { color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .crm-top { background-color: #2C2C2E; }
  html:not([data-apariencia="claro"]) .pan-body .crm-tabs { background-color: #1C1C1E; }
  html:not([data-apariencia="claro"]) .pan-body .crm-hoja__fila { color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body .crm-hoja__pie a { color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .crm-hoja__salir { color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body #vista-productos .crm-fila__destino { color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .crm-frescura { color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .periodo { background-color: #2C2C2E; }
  html:not([data-apariencia="claro"]) .pan-body .periodo__op { color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .periodo__op[aria-pressed="true"] { background-color: #1C1C1E; color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body .periodo__ahorro { background-color: #2C2C2E; color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .bloqueada__borrar summary { color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .crm-borrar__lista { color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .cat-seccion { background-color: #2C2C2E; }
  html:not([data-apariencia="claro"]) .pan-body .cat-producto { background-color: #1C1C1E; }
  html:not([data-apariencia="claro"]) .pan-body .cat-foto { background-color: #2C2C2E; color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .cat-mini { border-color: #3A3A3C; background-color: #1C1C1E; color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .cat-mini--rojo { color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .ios-grupo { background-color: #1C1C1E; }
  html:not([data-apariencia="claro"]) .pan-body .ios-fila { color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body .ios-fila__foto { background-color: #2C2C2E; }
  html:not([data-apariencia="claro"]) .pan-body .ios-cupo { background-color: #1C1C1E; }
  html:not([data-apariencia="claro"]) .pan-body .ios-cupo b { color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body #vista-cuenta .crm-accesos { background-color: #2C2C2E; }
  html:not([data-apariencia="claro"]) .pan-body #vista-cuenta .crm-accesos__datos b { color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body .ios-rol--gerente { background-color: #2C2C2E; color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .ios-rol--empleado { background-color: #2C2C2E; color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .ios-rol--socio { background-color: #2C2C2E; color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .ios-quitar { background-color: #2C2C2E; }
  html:not([data-apariencia="claro"]) .pan-body .ios-roles__op { background-color: #2C2C2E; }
  html:not([data-apariencia="claro"]) .pan-body .ios-roles__op b { color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body .ios-roles__op[aria-checked="true"] { background-color: #2C2C2E; }
  html:not([data-apariencia="claro"]) .pan-body .ios-integ { background-color: #1C1C1E; }
  html:not([data-apariencia="claro"]) .pan-body .ios-integ__texto b { color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body .ios-integ__estado { background-color: #2C2C2E; color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .ios-integ__estado--ok { background-color: #2C2C2E; color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .ios-integ__estado--pronto { background-color: #2C2C2E; color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .ios-hoja__panel { background-color: #2C2C2E; }
  html:not([data-apariencia="claro"]) .pan-body .ios-hoja .crm-hoja__cerrar { background-color: #1C1C1E; }
  html:not([data-apariencia="claro"]) .pan-body .ios-segmento__op { color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body .ios-segmento__op[aria-pressed="true"] { background-color: #1C1C1E; }
  html:not([data-apariencia="claro"]) .pan-body .ios-filtro { background-color: #1C1C1E; color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body .ios-saltos__op { color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body .crm-lectura b { color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body .plan-app { background-color: #1C1C1E; }
  html:not([data-apariencia="claro"]) .pan-body .plan-app__etiqueta { background-color: #2C2C2E; color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .plan-app.es-mio .plan-app__etiqueta { background-color: #2C2C2E; color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .ios-otp__caja { background-color: #1C1C1E; color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body .ios-subir { background-color: #2C2C2E; }
  html:not([data-apariencia="claro"]) .pan-body .ios-subir.is-encima { background-color: #2C2C2E; }
  html:not([data-apariencia="claro"]) .pan-body .ios-subir__icono { background-color: #2C2C2E; }
  html:not([data-apariencia="claro"]) .pan-body .ios-subir__texto b { color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body .ios-subir.tiene-archivo .ios-subir__icono { background-color: #2C2C2E; }
  html:not([data-apariencia="claro"]) .pan-body .mt-chip { color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body .mt-boton__input { color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body .mt-menu__op { color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body .mt-interruptor__pista::after { background-color: #1C1C1E; }
  html:not([data-apariencia="claro"]) .pan-body .mt-foto__ver.tiene-foto { background-color: #1C1C1E; }
  html:not([data-apariencia="claro"]) .pan-body .mt-tel__lada { color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body .mt-boton__valor { color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body .mt-boton__clics { color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .mt-galeria__foto,
  html:not([data-apariencia="claro"]) .pan-body .mt-galeria__mas { background-color: #2C2C2E; }
  html:not([data-apariencia="claro"]) .pan-body .guia__caja { background-color: #1C1C1E; color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body .prod-atras { color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .mt-crm { background-color: #1C1C1E; }
  html:not([data-apariencia="claro"]) .pan-body .tip-seccion { background-color: #1C1C1E; }
  html:not([data-apariencia="claro"]) .pan-body .cli-chip { background-color: #1C1C1E; }
  html:not([data-apariencia="claro"]) .pan-body .cli-con-plus { background-color: #1C1C1E; }
  html:not([data-apariencia="claro"]) .pan-body .crm-tabs { background-color: #1C1C1E; }
  html:not([data-apariencia="claro"]) .pan-body .crm-tab { color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .crm-hoja__fila { color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body .crm-hoja__desc { color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .crm-modelo { background-color: #1C1C1E; color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body .crm-modelo__dato { color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .cat-hero__sub { color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .cat-opciones { background-color: #1C1C1E; }
  html:not([data-apariencia="claro"]) .pan-body .cat-op { color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body .cat-op__texto small { color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .avisos .avisos__panel { background-color: #2C2C2E; }
  html:not([data-apariencia="claro"]) .pan-body .avisos__lista { background-color: #1C1C1E; }
  html:not([data-apariencia="claro"]) .pan-body .avisos__textos span { color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .avisos__vacio { color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .cat-propia { background-color: #1C1C1E; }
  html:not([data-apariencia="claro"]) .pan-body .cat-propia__texto small { color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .cat-eleccion small { color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .pan-link { background-color: #2C2C2E; color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .pan-link:hover { color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .pan-link.mt-borrar,
  html:not([data-apariencia="claro"]) .pan-body .pan-link.fid-cliente__borrar { background-color: #2C2C2E; color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .cat-ligabox { background-color: #2C2C2E; }
  html:not([data-apariencia="claro"]) .pan-body .bienv { background-color: #2C2C2E; }
  html:not([data-apariencia="claro"]) .pan-body .bienv__hola { color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .bienv__pasos li { background-color: #1C1C1E; }
  html:not([data-apariencia="claro"]) .pan-body .cat-img__ver { background-color: #2C2C2E; color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .cat-vaciar { color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .mt-boton--titulo { background-color: #2C2C2E; }
  html:not([data-apariencia="claro"]) .pan-body .grupo { border-color: #3A3A3C; background-color: #1C1C1E; }
  html:not([data-apariencia="claro"]) .pan-body .grupo--area { background-color: #2C2C2E; }
  html:not([data-apariencia="claro"]) .pan-body .grupo__abrir small { color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .grupo__borrar { color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .grupo__placa { border-top-color: #3A3A3C; }
  html:not([data-apariencia="claro"]) .pan-body .grupo__placa-nombre small { color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .grupo__vacio { color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .cat-platillo__foto { background-color: #2C2C2E; color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .cat-platillo__det { color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .cat-hoja__caja { background-color: #2C2C2E; color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body .cat-hoja__listo { color: #C7C7CC; }

  /* A mano: lo que el lector no puede adivinar. */
  html:not([data-apariencia="claro"]) .pan-body .crm-tabs { background: rgba(28, 28, 30, .86); border-color: rgba(255, 255, 255, .08); box-shadow: 0 10px 30px rgba(0, 0, 0, .5); }
  html:not([data-apariencia="claro"]) .pan-body .crm-tab { color: #8E8E93; }
  html:not([data-apariencia="claro"]) .pan-body .crm-tab.is-activo { color: color-mix(in srgb, var(--c) 75%, #fff); }
  html:not([data-apariencia="claro"]) .pan-body .crm-tab.is-activo::before { background: color-mix(in srgb, var(--c) 24%, transparent); }
  html:not([data-apariencia="claro"]) .pan-body .crm-nav__link.is-activo { background: color-mix(in srgb, var(--t) 22%, transparent); color: color-mix(in srgb, var(--t) 70%, #fff); }
  html:not([data-apariencia="claro"]) .pan-body .crm-hoja.esta-abierta { background: rgba(5, 4, 20, .65); }
  html:not([data-apariencia="claro"]) .pan-body .crm-hoja__panel { background: #000000; }
  html:not([data-apariencia="claro"]) .pan-body .crm-hoja__asa { background: rgba(255, 255, 255, .25); }
  html:not([data-apariencia="claro"]) .pan-body .crm-hoja__fila,
  html:not([data-apariencia="claro"]) .pan-body .crm-top__titulo,
  html:not([data-apariencia="claro"]) .pan-body .crm-card__titulo,
  html:not([data-apariencia="claro"]) .pan-body .crm-bloque__titulo,
  html:not([data-apariencia="claro"]) .pan-body .cat-op,
  html:not([data-apariencia="claro"]) .pan-body .crm-modelo { color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body .crm-hoja__fila.is-activo { background: rgba(255, 255, 255, .06); }
  html:not([data-apariencia="claro"]) .pan-body .ios-segmento { background: #2C2C2E; }
  html:not([data-apariencia="claro"]) .pan-body .ios-segmento__op[aria-pressed="true"] { background: #48484A; color: #fff; }
  html:not([data-apariencia="claro"]) .pan-body .ios-saltos__op { background: #2C2C2E; color: #C7C7CC; }
  html:not([data-apariencia="claro"]) .pan-body .ios-saltos__op.is-activo { background: #F5F5F7; color: #000; }
  html:not([data-apariencia="claro"]) .pan-body .btn--secondary { background: rgba(59, 130, 246, .2); border-color: transparent; color: #8AB4FF; }
  html:not([data-apariencia="claro"]) .pan-body .btn--ghost { color: #F5F5F7; border-color: #3A3A3C; }
  html:not([data-apariencia="claro"]) .pan-body .field__input { background: #2C2C2E; border-color: #3A3A3C; color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body .field__input::placeholder { color: #8E8E93; }
  html:not([data-apariencia="claro"]) .pan-body .crm-modelo img { background: #2C2C2E; }
  html:not([data-apariencia="claro"]) .pan-body .cat-hero { background: radial-gradient(120% 60% at 50% 0%, rgba(255, 122, 26, .22), transparent 70%), #1C1C1E; }
  html:not([data-apariencia="claro"]) .pan-body .cat-op:active { background: rgba(255, 255, 255, .06); }
  html:not([data-apariencia="claro"]) .pan-body .pan-error { background: rgba(255, 69, 58, .15); border-color: rgba(255, 69, 58, .35); color: #FF9F97; }
  html:not([data-apariencia="claro"]) .pan-body .crm-ok { color: #6EE7A0; }
  html:not([data-apariencia="claro"]) .pan-body .crm-kpi, html:not([data-apariencia="claro"]) .pan-body .crm-card { box-shadow: none; }
  html:not([data-apariencia="claro"]) .pan-body .crm-rail { background: #1C1C1E; border-color: #3A3A3C; }
  html:not([data-apariencia="claro"]) .pan-body .crm-nav__titulo { color: #8E8E93; }
  html:not([data-apariencia="claro"]) .pan-body .ios-icono--noche { background: #3A3A3C; }
  html:not([data-apariencia="claro"]) .pan-body .ios-icono--tinta { background: #48484A; }
  html:not([data-apariencia="claro"]) .pan-body .idioma { background: #2C2C2E; }
  html:not([data-apariencia="claro"]) .pan-body .idioma__op[aria-pressed="true"] { background: #2563EB; color: #fff; }
  /* El logo de TapUp es azul marino: en oscuro, blanco. */
  html:not([data-apariencia="claro"]) .pan-body .crm-rail img[src*="logo"], html:not([data-apariencia="claro"]) .pan-body .crm-marca img, html:not([data-apariencia="claro"]) .pan-body img[src*="logo-horizontal"] { filter: brightness(0) invert(1); }
  /* El editor de la tarjeta de metal (sus campos se saltaban por «mt-»). */
  html:not([data-apariencia="claro"]) .pan-body .mt-boton__input, html:not([data-apariencia="claro"]) .pan-body .mt-tel__lada { background: #2C2C2E; border-color: #3A3A3C; color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body .mt-boton__input::placeholder { color: #8E8E93; }
  html:not([data-apariencia="claro"]) .pan-body .mt-logo { color: #F5F5F7; fill: currentColor; }
  html:not([data-apariencia="claro"]) .pan-body .fid-color-libre__rueda { background: #2C2C2E; color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body .mt-menu__op:disabled { opacity: .5; }
  html:not([data-apariencia="claro"]) .pan-body .mt-galeria__mas { background: #2C2C2E; color: #C7C7CC; border-color: #3A3A3C; }
  html:not([data-apariencia="claro"]) .pan-body .crm-hoja__salir { color: #FF6B61; }
  html:not([data-apariencia="claro"]) .pan-body .ios-perfil__datos b, html:not([data-apariencia="claro"]) .pan-body .mt-boton__valor { color: #F5F5F7; }
  html:not([data-apariencia="claro"]) .pan-body .ios-segmento { background: #2C2C2E; }
  /* El brillo difuminado de arriba, como la página de ligas. */
  html:not([data-apariencia="claro"]) .pan-body { background-image: radial-gradient(120% 45% at 50% -5%, rgba(37, 99, 235, .28), rgba(37, 99, 235, 0) 70%); background-repeat: no-repeat; background-attachment: fixed; }
  html:not([data-apariencia="claro"]) .pan-body .guia__caja { background: #1C1C1E; color: #F5F5F7; }
  /* La hoja del platillo: negra, para que sus campos (#2C2C2E) se vean. */
  html:not([data-apariencia="claro"]) .pan-body .cat-hoja__caja { background-color: #111113; }
  html:not([data-apariencia="claro"]) .pan-body .cat-chip { border-color: #3A3A3C; }
  html:not([data-apariencia="claro"]) .pan-body .cat-lista li, html:not([data-apariencia="claro"]) .pan-body .cat-platillo { border-color: #3A3A3C; }
  html:not([data-apariencia="claro"]) .pan-body .cat-platillo__det { color: #60A5FA; }
  html:not([data-apariencia="claro"]) .pan-body .guia__puntos i { background: #3A3A3C; }
  html:not([data-apariencia="claro"]) .pan-body .guia__puntos i.es-actual { background: #3B82F6; }
}


  html[data-apariencia="oscuro"] .pan-body {
    color-scheme: dark;
    --app-fondo: #000000;
    --app-tarjeta: #1C1C1E;
    --app-hilo: rgba(255, 255, 255, .1);
    --app-tinta-2: #C7C7CC;
    --app-tinta-3: #8E8E93;
    --text-strong: #F5F5F7;
    --text-body: #C7C7CC;
    --text-muted: #98989F;
    --gray-50: #1C1C1E;
    --gray-100: #2C2C2E;
    --gray-200: #3A3A3C;
    --gray-300: #48484A;
    --blue: #3B82F6;
    --blue-dark: #8AB4FF;
    --blue-tint: rgba(59, 130, 246, .2);
    --border: 1px solid #3A3A3C;
    --ios-separador: rgba(84, 84, 88, .55);
    color: #F5F5F7;
  }
  html[data-apariencia="oscuro"] .pan-body h1,
  html[data-apariencia="oscuro"] .pan-body h2,
  html[data-apariencia="oscuro"] .pan-body h3 { color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body .respuesta__caja { background-color: #1C1C1E; border-color: #3A3A3C; }
  html[data-apariencia="oscuro"] .pan-body .respuesta__titulo { color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body .respuesta__caja p { color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .comparativa__titulo { color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body .tabla-envoltorio { border-color: #3A3A3C; background-color: #1C1C1E; }
  html[data-apariencia="oscuro"] .pan-body .tabla-comp th,
  html[data-apariencia="oscuro"] .pan-body .tabla-comp td { border-bottom-color: #3A3A3C; }
  html[data-apariencia="oscuro"] .pan-body .tabla-comp thead th { color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body .tabla-comp tbody th { color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body .tabla-comp tbody td { color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .comparativa__pie strong { color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body .btn--ghost { border-color: #3A3A3C; color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body .btn--secondary { border-color: #3A3A3C; }
  html[data-apariencia="oscuro"] .pan-body .idioma { border-color: #3A3A3C; }
  html[data-apariencia="oscuro"] .pan-body .idioma__op { color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .site-header { background-color: #1C1C1E; }
  html[data-apariencia="oscuro"] .pan-body .site-header.is-desplazado { background-color: #1C1C1E; }
  html[data-apariencia="oscuro"] .pan-body .site-header { background-color: #1C1C1E; }
  html[data-apariencia="oscuro"] .pan-body .nav { background-color: #1C1C1E; border-bottom-color: #3A3A3C; }
  html[data-apariencia="oscuro"] .pan-body .nav__link { color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body .video-hero { background-color: #1C1C1E; }
  html[data-apariencia="oscuro"] .pan-body .video-hero__pieza { background-color: #1C1C1E; }
  html[data-apariencia="oscuro"] .pan-body .video-hero__control { background-color: #1C1C1E; color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body .video-hero__control:hover { background-color: #1C1C1E; }
  html[data-apariencia="oscuro"] .pan-body .card { background-color: #1C1C1E; border-color: #3A3A3C; }
  html[data-apariencia="oscuro"] .pan-body .card--plain { border-top-color: #3A3A3C; }
  html[data-apariencia="oscuro"] .pan-body .card--plain .card__title { color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body .step { border-top-color: #3A3A3C; }
  html[data-apariencia="oscuro"] .pan-body .producto { background-color: #1C1C1E; border-color: #3A3A3C; }
  html[data-apariencia="oscuro"] .pan-body .producto:hover { border-color: #3A3A3C; }
  html[data-apariencia="oscuro"] .pan-body .producto__cifra { color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body .paquete { background-color: #1C1C1E; border-color: #3A3A3C; }
  html[data-apariencia="oscuro"] .pan-body .paquete__cifra { color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body .paquete__ahorro { color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .industry { background-color: #1C1C1E; border-color: #3A3A3C; }
  html[data-apariencia="oscuro"] .pan-body .form { background-color: #1C1C1E; }
  html[data-apariencia="oscuro"] .pan-body .field__label { color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body .field__input { background-color: #1C1C1E; border-color: #3A3A3C; color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body .field__error { color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .form__status.is-ok { background-color: #2C2C2E; color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .form__status.is-error { background-color: #2C2C2E; color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .faq { border-top-color: #3A3A3C; }
  html[data-apariencia="oscuro"] .pan-body .faq__item { border-bottom-color: #3A3A3C; }
  html[data-apariencia="oscuro"] .pan-body .faq__q { color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body .faq__a strong { color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body .fuente-google__boton { background-color: #1C1C1E; color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body .fuente-google__boton:hover { background-color: #1C1C1E; color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body .wa-float { color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body .wa-float:hover { color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body .cta-movil { background-color: #1C1C1E; border-top-color: #3A3A3C; }
  html[data-apariencia="oscuro"] .pan-body .cta-movil__precio { color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body .aviso-cookies { background-color: #1C1C1E; }
  html[data-apariencia="oscuro"] .pan-body .aviso-cookies__texto p { color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .aviso-cookies__texto strong { color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body .setup__titulo { color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body .setup__error { color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .setup__resultado { background-color: #1C1C1E; }
  html[data-apariencia="oscuro"] .pan-body .setup__resultado-nombre { color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body .setup__salida:hover { color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body .resumen__modelo { color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body .banda { background-color: #1C1C1E; }
  html[data-apariencia="oscuro"] .pan-body .banda__dato strong { color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body .mapa { background-color: #1C1C1E; border-color: #3A3A3C; }
  html[data-apariencia="oscuro"] .pan-body .mapa__barra { border-color: #3A3A3C; }
  html[data-apariencia="oscuro"] .pan-body .mapa__nombre { color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body .mapa__remate { color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body .producto__escena { background-color: #1C1C1E; border-color: #3A3A3C; }
  html[data-apariencia="oscuro"] .pan-body .en-uso { border-top-color: #3A3A3C; }
  html[data-apariencia="oscuro"] .pan-body .en-uso__pie strong { color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body .opinion { background-color: #1C1C1E; border-color: #3A3A3C; }
  html[data-apariencia="oscuro"] .pan-body .opinion__texto { color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body .opinion__firma strong { color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body .opiniones__flecha { background-color: #1C1C1E; border-color: #3A3A3C; color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body .portal__paso { background-color: #1C1C1E; border-color: #3A3A3C; }
  html[data-apariencia="oscuro"] .pan-body .portal__paso p { color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .portal__paso code { color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body .plan { background-color: #1C1C1E; border-color: #3A3A3C; }
  html[data-apariencia="oscuro"] .pan-body .plan__cifra { color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body .plan__para { color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .plan__lista li { color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .plan__lista li[data-pronto]::before { border-color: #3A3A3C; }
  html[data-apariencia="oscuro"] .pan-body .planes__nota { border-color: #3A3A3C; background-color: #1C1C1E; color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .section--tint { background-color: #1C1C1E; }
  html[data-apariencia="oscuro"] .pan-body .section--tint .producto,
  html[data-apariencia="oscuro"] .pan-body .section--tint .paquete { border-color: #3A3A3C; }
  html[data-apariencia="oscuro"] .pan-body .pan-header { background-color: #1C1C1E; border-bottom-color: #3A3A3C; }
  html[data-apariencia="oscuro"] .pan-body .acceso__h1 { color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body .acceso__lead { color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .crm-top { background-color: #1C1C1E; border-bottom-color: #3A3A3C; }
  html[data-apariencia="oscuro"] .pan-body .crm-top__titulo { color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body .crm-tabs { background-color: #1C1C1E; border-bottom-color: #3A3A3C; }
  html[data-apariencia="oscuro"] .pan-body .crm-tab { border-color: #3A3A3C; background-color: #1C1C1E; color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .crm-bloque__titulo { border-top-color: #3A3A3C; color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body .crm-pie { border-top-color: #3A3A3C; }
  html[data-apariencia="oscuro"] .pan-body .crm-rail { background-color: #1C1C1E; border-right-color: #3A3A3C; }
  html[data-apariencia="oscuro"] .pan-body .crm-cuenta { border-color: #3A3A3C; }
  html[data-apariencia="oscuro"] .pan-body .crm-cuenta__negocio { color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body .crm-nav__link { color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .crm-nav__link:hover { color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body .crm-nav__link--grupo::before { border-top-color: #3A3A3C; }
  html[data-apariencia="oscuro"] .pan-body .crm-rail__pie { border-top-color: #3A3A3C; }
  html[data-apariencia="oscuro"] .pan-body .crm-card { background-color: #1C1C1E; border-color: #3A3A3C; }
  html[data-apariencia="oscuro"] .pan-body .crm-card__titulo { color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body .crm-ayuda { color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .crm-ayuda--marco { border-color: #3A3A3C; }
  html[data-apariencia="oscuro"] .pan-body .crm-ok { color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .crm-vacio { border-color: #3A3A3C; }
  html[data-apariencia="oscuro"] .pan-body .crm-kpi { background-color: #1C1C1E; border-color: #3A3A3C; }
  html[data-apariencia="oscuro"] .pan-body .crm-kpi__num { color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body .crm-kpi__delta--sube { color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .crm-kpi__delta--baja { color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .crm-fila { border-top-color: #3A3A3C; }
  html[data-apariencia="oscuro"] .pan-body .crm-fila__nombre { color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body .crm-fila__destino { color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .crm-fila__num b { color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body .crm-tabla__cab { border-bottom-color: #3A3A3C; }
  html[data-apariencia="oscuro"] .pan-body .crm-fila:hover { background-color: #1C1C1E; }
  html[data-apariencia="oscuro"] .pan-body .crm-filtro { border-color: #3A3A3C; background-color: #1C1C1E; color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .crm-nota-caja { border-color: #3A3A3C; }
  html[data-apariencia="oscuro"] .pan-body .crm-nota__num { color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body .crm-nota__delta { background-color: #2C2C2E; color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .crm-nota__delta--baja { background-color: #2C2C2E; color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .crm-resena { border-top-color: #3A3A3C; }
  html[data-apariencia="oscuro"] .pan-body .crm-resena__autor { color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body .crm-resena__texto { color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .crm-etiqueta--nueva { background-color: #2C2C2E; color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .crm-borrador { border-color: #3A3A3C; }
  html[data-apariencia="oscuro"] .pan-body .crm-borrador__texto { border-color: #3A3A3C; background-color: #1C1C1E; color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body .crm-candado { border-color: #3A3A3C; background-color: #1C1C1E; }
  html[data-apariencia="oscuro"] .pan-body .crm-candado__titulo { color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body .crm-candado__texto { color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .crm-lista-check li { color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .crm-estado--espera { background-color: #2C2C2E; color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .crm-estado--vivo { background-color: #2C2C2E; color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .crm-switch__pista::after { background-color: #1C1C1E; }
  html[data-apariencia="oscuro"] .pan-body .crm-switch__texto { color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body .crm-an__cifra { border-color: #3A3A3C; }
  html[data-apariencia="oscuro"] .pan-body .crm-an__cifra b { color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body .pan-error { background-color: #2C2C2E; color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .pan-aviso { border-color: #3A3A3C; background-color: #2C2C2E; color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .pan-agregar { border-color: #3A3A3C; }
  html[data-apariencia="oscuro"] .pan-body .pan-pasos__paso { border-top-color: #3A3A3C; }
  html[data-apariencia="oscuro"] .pan-body .pan-pasos__num { color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .pan-nfc__instruccion { border-color: #3A3A3C; background-color: #1C1C1E; color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .pan-nfc__instruccion strong { color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body .pan-estado--fria { background-color: #2C2C2E; color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .pan-estado--nueva { background-color: #2C2C2E; color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .pan-chip { color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .pan-editor__caja { border-color: #3A3A3C; }
  html[data-apariencia="oscuro"] .pan-body .pan-editor__titulo { color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body .pan-editor__bloque + .pan-editor__bloque { border-top-color: #3A3A3C; }
  html[data-apariencia="oscuro"] .pan-body .pan-resultados { border-color: #3A3A3C; background-color: #1C1C1E; }
  html[data-apariencia="oscuro"] .pan-body .pan-resultados li + li { border-top-color: #3A3A3C; }
  html[data-apariencia="oscuro"] .pan-body .pan-resultado__nombre { color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body .pan-plan__item { color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .crm-sent__leyenda b { color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body .crm-chip--bien { background-color: #2C2C2E; border-color: #3A3A3C; color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .crm-chip--mal { background-color: #2C2C2E; border-color: #3A3A3C; color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .crm-filtrotema { color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body .crm-comp { border-color: #3A3A3C; }
  html[data-apariencia="oscuro"] .pan-body .crm-comp__nombre { color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body .crm-comp__calif { color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body .crm-comp__quitar { border-color: #3A3A3C; background-color: #1C1C1E; }
  html[data-apariencia="oscuro"] .pan-body .crm-comp__quitar:hover { border-color: #3A3A3C; color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .pan-tipo { border-color: #3A3A3C; background-color: #1C1C1E; }
  html[data-apariencia="oscuro"] .pan-body .pan-tipo:hover { border-color: #3A3A3C; }
  html[data-apariencia="oscuro"] .pan-body .pan-tipo__nombre { color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body .crm-tipo { color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .crm-tipo--sin { color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .crm-rango { background-color: #1C1C1E; border-color: #3A3A3C; }
  html[data-apariencia="oscuro"] .pan-body .crm-rango__nota { color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .crm-comp__resenas { border-top-color: #3A3A3C; }
  html[data-apariencia="oscuro"] .pan-body .crm-engrane { border-color: #3A3A3C; background-color: #1C1C1E; }
  html[data-apariencia="oscuro"] .pan-body .crm-datos > div { border-top-color: #3A3A3C; }
  html[data-apariencia="oscuro"] .pan-body .crm-datos dd { color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body .crm-facturas li { border-top-color: #3A3A3C; }
  html[data-apariencia="oscuro"] .pan-body .crm-facturas__estado { color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .crm-facturas__estado.is-pagado { color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .crm-accesos li { border-top-color: #3A3A3C; }
  html[data-apariencia="oscuro"] .pan-body .crm-accesos__datos b { color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body .fid-color { border-color: #3A3A3C; }
  html[data-apariencia="oscuro"] .pan-body .crm-ayuda--ojo { color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .fid-cuenta__btn { border-color: #3A3A3C; background-color: #1C1C1E; color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body .fid-resultado { border-color: #3A3A3C; }
  html[data-apariencia="oscuro"] .pan-body .fid-resultado strong { color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body .fid-resultado span { color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .fid-resultado--premio { background-color: #2C2C2E; border-color: #3A3A3C; }
  html[data-apariencia="oscuro"] .pan-body .fid-resultado--premio strong { color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .fid-resultado--premio span { color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .fid-mas { border-top-color: #3A3A3C; }
  html[data-apariencia="oscuro"] .pan-body .fid-mas__abre { color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .fid-mas__abre:hover { color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body .red-cuenta { border-top-color: #3A3A3C; }
  html[data-apariencia="oscuro"] .pan-body .red-cuenta__quien b { color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body .red-cuenta__pie--espera { color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .red-cuenta__pie--aviso { color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .red-marca { border-color: #3A3A3C; color: #F5F5F7; background-color: #1C1C1E; }
  html[data-apariencia="oscuro"] .pan-body .red-opcion { color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body .red-agenda { border-color: #3A3A3C; background-color: #1C1C1E; }
  html[data-apariencia="oscuro"] .pan-body .red-cal__mes { color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body .red-horas__titulo { color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body .red-hora { background-color: #1C1C1E; }
  html[data-apariencia="oscuro"] .pan-body .red-pub { border-color: #3A3A3C; background-color: #1C1C1E; }
  html[data-apariencia="oscuro"] .pan-body .red-pub__cab b { color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body .red-pub__estado--publicada { background-color: #2C2C2E; color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .red-pub__estado--fallo { background-color: #2C2C2E; color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .red-pub__estado--parcial,
  html[data-apariencia="oscuro"] .pan-body .red-pub__estado--interrumpida { background-color: #2C2C2E; color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .red-pub__texto { color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .red-pub__red { border-color: #3A3A3C; }
  html[data-apariencia="oscuro"] .pan-body .red-pub__red--ok { border-color: #3A3A3C; background-color: #2C2C2E; color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .red-pub__red--mal { border-color: #3A3A3C; background-color: #2C2C2E; color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .red-pub__motivo { color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .fid-exito__caja { background-color: #1C1C1E; }
  html[data-apariencia="oscuro"] .pan-body .fid-exito__titulo { color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body .fid-exito__texto { color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .fid-clientes { border-color: #3A3A3C; }
  html[data-apariencia="oscuro"] .pan-body .fid-cliente { border-top-color: #3A3A3C; }
  html[data-apariencia="oscuro"] .pan-body .fid-cliente__quien strong { color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body .fid-marca { background-color: #2C2C2E; color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .fid-cliente__cuenta strong { color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body .fid-cliente__borrar { color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .crm-estado--max { background-color: #2C2C2E; color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .fid-premio__quitar { color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .fid-marca--premio { background-color: #2C2C2E; color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .fid-marca--sin { background-color: #2C2C2E; color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .crm-num--puntaje { color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .crm-rank { background-color: #2C2C2E; color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .crm-rank--1 { background-color: #2C2C2E; color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .enc-chips li { background-color: #2C2C2E; }
  html[data-apariencia="oscuro"] .pan-body .enc-chips--mal li { background-color: #2C2C2E; }
  html[data-apariencia="oscuro"] .pan-body .enc-resp { border-top-color: #3A3A3C; }
  html[data-apariencia="oscuro"] .pan-body .enc-resp__donde { color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body .enc-resp__texto { color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body .enc-resp__contacto { background-color: #2C2C2E; }
  html[data-apariencia="oscuro"] .pan-body .enc-resp__google { color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .enc-resp--mal .enc-resp__donde { color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .enc-placa { border-top-color: #3A3A3C; }
  html[data-apariencia="oscuro"] .pan-body .crm-equipo__cita { border-left-color: #3A3A3C; }
  html[data-apariencia="oscuro"] .pan-body .fid-lugares li { background-color: #2C2C2E; }
  html[data-apariencia="oscuro"] .pan-body .fid-lugares small { color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .fid-nivel--plata { color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .crm-top { background-color: #2C2C2E; }
  html[data-apariencia="oscuro"] .pan-body .crm-tabs { background-color: #1C1C1E; }
  html[data-apariencia="oscuro"] .pan-body .crm-hoja__fila { color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body .crm-hoja__pie a { color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .crm-hoja__salir { color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body #vista-productos .crm-fila__destino { color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .crm-frescura { color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .periodo { background-color: #2C2C2E; }
  html[data-apariencia="oscuro"] .pan-body .periodo__op { color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .periodo__op[aria-pressed="true"] { background-color: #1C1C1E; color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body .periodo__ahorro { background-color: #2C2C2E; color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .bloqueada__borrar summary { color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .crm-borrar__lista { color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .cat-seccion { background-color: #2C2C2E; }
  html[data-apariencia="oscuro"] .pan-body .cat-producto { background-color: #1C1C1E; }
  html[data-apariencia="oscuro"] .pan-body .cat-foto { background-color: #2C2C2E; color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .cat-mini { border-color: #3A3A3C; background-color: #1C1C1E; color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .cat-mini--rojo { color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .ios-grupo { background-color: #1C1C1E; }
  html[data-apariencia="oscuro"] .pan-body .ios-fila { color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body .ios-fila__foto { background-color: #2C2C2E; }
  html[data-apariencia="oscuro"] .pan-body .ios-cupo { background-color: #1C1C1E; }
  html[data-apariencia="oscuro"] .pan-body .ios-cupo b { color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body #vista-cuenta .crm-accesos { background-color: #2C2C2E; }
  html[data-apariencia="oscuro"] .pan-body #vista-cuenta .crm-accesos__datos b { color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body .ios-rol--gerente { background-color: #2C2C2E; color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .ios-rol--empleado { background-color: #2C2C2E; color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .ios-rol--socio { background-color: #2C2C2E; color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .ios-quitar { background-color: #2C2C2E; }
  html[data-apariencia="oscuro"] .pan-body .ios-roles__op { background-color: #2C2C2E; }
  html[data-apariencia="oscuro"] .pan-body .ios-roles__op b { color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body .ios-roles__op[aria-checked="true"] { background-color: #2C2C2E; }
  html[data-apariencia="oscuro"] .pan-body .ios-integ { background-color: #1C1C1E; }
  html[data-apariencia="oscuro"] .pan-body .ios-integ__texto b { color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body .ios-integ__estado { background-color: #2C2C2E; color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .ios-integ__estado--ok { background-color: #2C2C2E; color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .ios-integ__estado--pronto { background-color: #2C2C2E; color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .ios-hoja__panel { background-color: #2C2C2E; }
  html[data-apariencia="oscuro"] .pan-body .ios-hoja .crm-hoja__cerrar { background-color: #1C1C1E; }
  html[data-apariencia="oscuro"] .pan-body .ios-segmento__op { color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body .ios-segmento__op[aria-pressed="true"] { background-color: #1C1C1E; }
  html[data-apariencia="oscuro"] .pan-body .ios-filtro { background-color: #1C1C1E; color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body .ios-saltos__op { color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body .crm-lectura b { color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body .plan-app { background-color: #1C1C1E; }
  html[data-apariencia="oscuro"] .pan-body .plan-app__etiqueta { background-color: #2C2C2E; color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .plan-app.es-mio .plan-app__etiqueta { background-color: #2C2C2E; color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .ios-otp__caja { background-color: #1C1C1E; color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body .ios-subir { background-color: #2C2C2E; }
  html[data-apariencia="oscuro"] .pan-body .ios-subir.is-encima { background-color: #2C2C2E; }
  html[data-apariencia="oscuro"] .pan-body .ios-subir__icono { background-color: #2C2C2E; }
  html[data-apariencia="oscuro"] .pan-body .ios-subir__texto b { color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body .ios-subir.tiene-archivo .ios-subir__icono { background-color: #2C2C2E; }
  html[data-apariencia="oscuro"] .pan-body .mt-chip { color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body .mt-boton__input { color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body .mt-menu__op { color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body .mt-interruptor__pista::after { background-color: #1C1C1E; }
  html[data-apariencia="oscuro"] .pan-body .mt-foto__ver.tiene-foto { background-color: #1C1C1E; }
  html[data-apariencia="oscuro"] .pan-body .mt-tel__lada { color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body .mt-boton__valor { color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body .mt-boton__clics { color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .mt-galeria__foto,
  html[data-apariencia="oscuro"] .pan-body .mt-galeria__mas { background-color: #2C2C2E; }
  html[data-apariencia="oscuro"] .pan-body .guia__caja { background-color: #1C1C1E; color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body .prod-atras { color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .mt-crm { background-color: #1C1C1E; }
  html[data-apariencia="oscuro"] .pan-body .tip-seccion { background-color: #1C1C1E; }
  html[data-apariencia="oscuro"] .pan-body .cli-chip { background-color: #1C1C1E; }
  html[data-apariencia="oscuro"] .pan-body .cli-con-plus { background-color: #1C1C1E; }
  html[data-apariencia="oscuro"] .pan-body .crm-tabs { background-color: #1C1C1E; }
  html[data-apariencia="oscuro"] .pan-body .crm-tab { color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .crm-hoja__fila { color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body .crm-hoja__desc { color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .crm-modelo { background-color: #1C1C1E; color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body .crm-modelo__dato { color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .cat-hero__sub { color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .cat-opciones { background-color: #1C1C1E; }
  html[data-apariencia="oscuro"] .pan-body .cat-op { color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body .cat-op__texto small { color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .avisos .avisos__panel { background-color: #2C2C2E; }
  html[data-apariencia="oscuro"] .pan-body .avisos__lista { background-color: #1C1C1E; }
  html[data-apariencia="oscuro"] .pan-body .avisos__textos span { color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .avisos__vacio { color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .cat-propia { background-color: #1C1C1E; }
  html[data-apariencia="oscuro"] .pan-body .cat-propia__texto small { color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .cat-eleccion small { color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .pan-link { background-color: #2C2C2E; color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .pan-link:hover { color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .pan-link.mt-borrar,
  html[data-apariencia="oscuro"] .pan-body .pan-link.fid-cliente__borrar { background-color: #2C2C2E; color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .cat-ligabox { background-color: #2C2C2E; }
  html[data-apariencia="oscuro"] .pan-body .bienv { background-color: #2C2C2E; }
  html[data-apariencia="oscuro"] .pan-body .bienv__hola { color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .bienv__pasos li { background-color: #1C1C1E; }
  html[data-apariencia="oscuro"] .pan-body .cat-img__ver { background-color: #2C2C2E; color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .cat-vaciar { color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .mt-boton--titulo { background-color: #2C2C2E; }
  html[data-apariencia="oscuro"] .pan-body .grupo { border-color: #3A3A3C; background-color: #1C1C1E; }
  html[data-apariencia="oscuro"] .pan-body .grupo--area { background-color: #2C2C2E; }
  html[data-apariencia="oscuro"] .pan-body .grupo__abrir small { color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .grupo__borrar { color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .grupo__placa { border-top-color: #3A3A3C; }
  html[data-apariencia="oscuro"] .pan-body .grupo__placa-nombre small { color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .grupo__vacio { color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .cat-platillo__foto { background-color: #2C2C2E; color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .cat-platillo__det { color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .cat-hoja__caja { background-color: #2C2C2E; color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body .cat-hoja__listo { color: #C7C7CC; }

  /* A mano: lo que el lector no puede adivinar. */
  html[data-apariencia="oscuro"] .pan-body .crm-tabs { background: rgba(28, 28, 30, .86); border-color: rgba(255, 255, 255, .08); box-shadow: 0 10px 30px rgba(0, 0, 0, .5); }
  html[data-apariencia="oscuro"] .pan-body .crm-tab { color: #8E8E93; }
  html[data-apariencia="oscuro"] .pan-body .crm-tab.is-activo { color: color-mix(in srgb, var(--c) 75%, #fff); }
  html[data-apariencia="oscuro"] .pan-body .crm-tab.is-activo::before { background: color-mix(in srgb, var(--c) 24%, transparent); }
  html[data-apariencia="oscuro"] .pan-body .crm-nav__link.is-activo { background: color-mix(in srgb, var(--t) 22%, transparent); color: color-mix(in srgb, var(--t) 70%, #fff); }
  html[data-apariencia="oscuro"] .pan-body .crm-hoja.esta-abierta { background: rgba(5, 4, 20, .65); }
  html[data-apariencia="oscuro"] .pan-body .crm-hoja__panel { background: #000000; }
  html[data-apariencia="oscuro"] .pan-body .crm-hoja__asa { background: rgba(255, 255, 255, .25); }
  html[data-apariencia="oscuro"] .pan-body .crm-hoja__fila,
  html[data-apariencia="oscuro"] .pan-body .crm-top__titulo,
  html[data-apariencia="oscuro"] .pan-body .crm-card__titulo,
  html[data-apariencia="oscuro"] .pan-body .crm-bloque__titulo,
  html[data-apariencia="oscuro"] .pan-body .cat-op,
  html[data-apariencia="oscuro"] .pan-body .crm-modelo { color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body .crm-hoja__fila.is-activo { background: rgba(255, 255, 255, .06); }
  html[data-apariencia="oscuro"] .pan-body .ios-segmento { background: #2C2C2E; }
  html[data-apariencia="oscuro"] .pan-body .ios-segmento__op[aria-pressed="true"] { background: #48484A; color: #fff; }
  html[data-apariencia="oscuro"] .pan-body .ios-saltos__op { background: #2C2C2E; color: #C7C7CC; }
  html[data-apariencia="oscuro"] .pan-body .ios-saltos__op.is-activo { background: #F5F5F7; color: #000; }
  html[data-apariencia="oscuro"] .pan-body .btn--secondary { background: rgba(59, 130, 246, .2); border-color: transparent; color: #8AB4FF; }
  html[data-apariencia="oscuro"] .pan-body .btn--ghost { color: #F5F5F7; border-color: #3A3A3C; }
  html[data-apariencia="oscuro"] .pan-body .field__input { background: #2C2C2E; border-color: #3A3A3C; color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body .field__input::placeholder { color: #8E8E93; }
  html[data-apariencia="oscuro"] .pan-body .crm-modelo img { background: #2C2C2E; }
  html[data-apariencia="oscuro"] .pan-body .cat-hero { background: radial-gradient(120% 60% at 50% 0%, rgba(255, 122, 26, .22), transparent 70%), #1C1C1E; }
  html[data-apariencia="oscuro"] .pan-body .cat-op:active { background: rgba(255, 255, 255, .06); }
  html[data-apariencia="oscuro"] .pan-body .pan-error { background: rgba(255, 69, 58, .15); border-color: rgba(255, 69, 58, .35); color: #FF9F97; }
  html[data-apariencia="oscuro"] .pan-body .crm-ok { color: #6EE7A0; }
  html[data-apariencia="oscuro"] .pan-body .crm-kpi, html[data-apariencia="oscuro"] .pan-body .crm-card { box-shadow: none; }
  html[data-apariencia="oscuro"] .pan-body .crm-rail { background: #1C1C1E; border-color: #3A3A3C; }
  html[data-apariencia="oscuro"] .pan-body .crm-nav__titulo { color: #8E8E93; }
  html[data-apariencia="oscuro"] .pan-body .ios-icono--noche { background: #3A3A3C; }
  html[data-apariencia="oscuro"] .pan-body .ios-icono--tinta { background: #48484A; }
  html[data-apariencia="oscuro"] .pan-body .idioma { background: #2C2C2E; }
  html[data-apariencia="oscuro"] .pan-body .idioma__op[aria-pressed="true"] { background: #2563EB; color: #fff; }
  /* El logo de TapUp es azul marino: en oscuro, blanco. */
  html[data-apariencia="oscuro"] .pan-body .crm-rail img[src*="logo"], html[data-apariencia="oscuro"] .pan-body .crm-marca img, html[data-apariencia="oscuro"] .pan-body img[src*="logo-horizontal"] { filter: brightness(0) invert(1); }
  /* El editor de la tarjeta de metal (sus campos se saltaban por «mt-»). */
  html[data-apariencia="oscuro"] .pan-body .mt-boton__input, html[data-apariencia="oscuro"] .pan-body .mt-tel__lada { background: #2C2C2E; border-color: #3A3A3C; color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body .mt-boton__input::placeholder { color: #8E8E93; }
  html[data-apariencia="oscuro"] .pan-body .mt-logo { color: #F5F5F7; fill: currentColor; }
  html[data-apariencia="oscuro"] .pan-body .fid-color-libre__rueda { background: #2C2C2E; color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body .mt-menu__op:disabled { opacity: .5; }
  html[data-apariencia="oscuro"] .pan-body .mt-galeria__mas { background: #2C2C2E; color: #C7C7CC; border-color: #3A3A3C; }
  html[data-apariencia="oscuro"] .pan-body .crm-hoja__salir { color: #FF6B61; }
  html[data-apariencia="oscuro"] .pan-body .ios-perfil__datos b, html[data-apariencia="oscuro"] .pan-body .mt-boton__valor { color: #F5F5F7; }
  html[data-apariencia="oscuro"] .pan-body .ios-segmento { background: #2C2C2E; }
  /* El brillo difuminado de arriba, como la página de ligas. */
  html[data-apariencia="oscuro"] .pan-body { background-image: radial-gradient(120% 45% at 50% -5%, rgba(37, 99, 235, .28), rgba(37, 99, 235, 0) 70%); background-repeat: no-repeat; background-attachment: fixed; }
  html[data-apariencia="oscuro"] .pan-body .guia__caja { background: #1C1C1E; color: #F5F5F7; }
  /* La hoja del platillo: negra, para que sus campos (#2C2C2E) se vean. */
  html[data-apariencia="oscuro"] .pan-body .cat-hoja__caja { background-color: #111113; }
  html[data-apariencia="oscuro"] .pan-body .cat-chip { border-color: #3A3A3C; }
  html[data-apariencia="oscuro"] .pan-body .cat-lista li, html[data-apariencia="oscuro"] .pan-body .cat-platillo { border-color: #3A3A3C; }
  html[data-apariencia="oscuro"] .pan-body .cat-platillo__det { color: #60A5FA; }
  html[data-apariencia="oscuro"] .pan-body .guia__puntos i { background: #3A3A3C; }
  html[data-apariencia="oscuro"] .pan-body .guia__puntos i.es-actual { background: #3B82F6; }