/* ============================================================
   TEMA OSCURO
   TEXTOS DE LAS OPERACIONES / CONTENIDO IZQUIERDO
   SOLO COLOR DE TEXTO
   ============================================================ */


/* TITULOS PRINCIPALES */

html[data-kc-theme="system-dark"]
.kc-operation-convert h1,

html[data-kc-theme="system-dark"]
.kc-operation-convert h2,

html[data-kc-theme="system-dark"]
.kc-operation-convert h3,

html[data-kc-theme="system-dark"]
.kc-operation-convert h4,

html[data-kc-theme="system-dark"]
.kc-operation-convert h5,

html[data-kc-theme="system-dark"]
.kc-operation-convert h6,

html[data-kc-theme="system-dark"]
.kc-operation-convert strong{

  color:#F5FAFF !important;
}


/* TEXTO NORMAL */

html[data-kc-theme="system-dark"]
.kc-operation-convert p{

  color:#9CB0C5 !important;
}


/* LABELS / TITULOS PEQUEÑOS */

html[data-kc-theme="system-dark"]
.kc-operation-convert label,

html[data-kc-theme="system-dark"]
.kc-operation-convert legend{

  color:#D6E5F3 !important;
}


/* TEXTOS PEQUEÑOS SECUNDARIOS */

html[data-kc-theme="system-dark"]
.kc-operation-convert small{

  color:#8199B2 !important;
}


/* GUIA DE CONVERSION / EYEBROW */

html[data-kc-theme="system-dark"]
.kc-operation-convert .section-label,

html[data-kc-theme="system-dark"]
.kc-operation-convert .eyebrow,

html[data-kc-theme="system-dark"]
.kc-operation-convert [class*="eyebrow"]{

  color:#32D6F5 !important;
}


/* COPY PRINCIPAL */

html[data-kc-theme="system-dark"]
.kc-operation-convert .kc-op-copy,

html[data-kc-theme="system-dark"]
.kc-operation-convert .kc-op-copy h1,

html[data-kc-theme="system-dark"]
.kc-operation-convert .kc-op-copy h2,

html[data-kc-theme="system-dark"]
.kc-operation-convert .kc-op-copy h3{

  color:#F5FAFF !important;
}


html[data-kc-theme="system-dark"]
.kc-operation-convert .kc-op-copy p{

  color:#9CB0C5 !important;
}


/* ============================================================
   FIN
   ============================================================ */


/* ============================================================
   SYSTEM DARK
   GUIA LATERAL REAL
   #kcSmartScreenGuide
   SOLO TEXTO
   ============================================================ */


/* TITULO PRINCIPAL:
   "Compara antes de convertir." */

html[data-kc-theme="system-dark"]
#kcSmartScreenGuide #kcSmartGuideTitle,

html[data-kc-theme="system-dark"]
#kcSmartScreenGuide h2{

  color:#F5FAFF !important;
}


/* KICKER:
   "GUIA DE CONVERSION" */

html[data-kc-theme="system-dark"]
#kcSmartScreenGuide .kc-smart-guide-kicker,

html[data-kc-theme="system-dark"]
#kcSmartGuideKicker{

  color:#32D6F5 !important;
}


/* DESCRIPCION PRINCIPAL */

html[data-kc-theme="system-dark"]
#kcSmartScreenGuide .kc-smart-guide-content > p,

html[data-kc-theme="system-dark"]
#kcSmartScreenGuide p{

  color:#9CB0C5 !important;
}


/* TITULOS DE LAS TARJETAS:
   Selecciona el activo
   Elige que quieres recibir
   etc */

html[data-kc-theme="system-dark"]
#kcSmartScreenGuide .kc-smart-guide-card h3,

html[data-kc-theme="system-dark"]
#kcSmartScreenGuide .kc-smart-guide-card strong,

html[data-kc-theme="system-dark"]
#kcSmartScreenGuide h3{

  color:#F5FAFF !important;
}


/* TAGS:
   ORIGEN / DESTINO / REVISION */

html[data-kc-theme="system-dark"]
#kcSmartScreenGuide .kc-smart-guide-card small{

  color:#32D6F5 !important;
}


/* DESCRIPCIONES DE TARJETAS */

html[data-kc-theme="system-dark"]
#kcSmartScreenGuide .kc-smart-guide-card p{

  color:#A9BDD3 !important;
}


/* PROTECCION CONTRA COLOR NEGRO HEREDADO
   SOLO DENTRO DE LA GUIA */

html[data-kc-theme="system-dark"]
#kcSmartScreenGuide .kc-smart-guide-content{

  color:#F5FAFF !important;
}


/* ============================================================
   FIN GUIA DARK
   ============================================================ */

/* ============================================================
   SYSTEM DARK
   GUIA IZQUIERDA - TONALIDADES DEL HOME
   SOLO #kcSmartScreenGuide
   ============================================================ */


/* FONDO GENERAL DE LA GUIA */

html[data-kc-theme="system-dark"]
#kcSmartScreenGuide{

  background:
    rgba(4,13,28,.88) !important;

  color:#F5FAFF !important;
}


/* CONTENIDO */

html[data-kc-theme="system-dark"]
#kcSmartScreenGuide .kc-smart-guide-content{

  background:transparent !important;

  color:#F5FAFF !important;
}


/* KICKER */

html[data-kc-theme="system-dark"]
#kcSmartGuideKicker,

html[data-kc-theme="system-dark"]
#kcSmartScreenGuide .kc-smart-guide-kicker{

  color:#32D6F5 !important;
}


/* TITULO PRINCIPAL */

html[data-kc-theme="system-dark"]
#kcSmartGuideTitle,

html[data-kc-theme="system-dark"]
#kcSmartScreenGuide h2{

  color:#FFFFFF !important;
}


/* DESCRIPCION GENERAL */

html[data-kc-theme="system-dark"]
#kcSmartScreenGuide .kc-smart-guide-content > p{

  color:#9CB0C5 !important;
}


/* ============================================================
   TARJETAS
   MISMO AZUL OSCURO DEL HOME
   ============================================================ */

html[data-kc-theme="system-dark"]
#kcSmartScreenGuide .kc-smart-guide-card{

  background:#1C2E7F !important;
  background-color:#1C2E7F !important;
  background-image:none !important;

  border:
    1px solid rgba(50,214,245,.16) !important;

  box-shadow:none !important;
}


/* TAG: ORIGEN / DESTINO / REVISION */

html[data-kc-theme="system-dark"]
#kcSmartScreenGuide .kc-smart-guide-card small{

  color:#32D6F5 !important;
}


/* TITULO DE CADA TARJETA */

html[data-kc-theme="system-dark"]
#kcSmartScreenGuide .kc-smart-guide-card strong,

html[data-kc-theme="system-dark"]
#kcSmartScreenGuide .kc-smart-guide-card h3{

  color:#FFFFFF !important;
}


/* TEXTO SECUNDARIO */

html[data-kc-theme="system-dark"]
#kcSmartScreenGuide .kc-smart-guide-card p{

  color:#A9BDD3 !important;
}


/* ============================================================
   BOTONES / ICONOS INTERNOS
   TONO INTERNO DEL HOME
   ============================================================ */

html[data-kc-theme="system-dark"]
#kcSmartScreenGuide .kc-smart-guide-card button,

html[data-kc-theme="system-dark"]
#kcSmartScreenGuide .kc-smart-guide-card [role="button"]{

  background:#07182C !important;
  background-color:#07182C !important;

  color:#F5FAFF !important;

  border:
    1px solid rgba(50,214,245,.18) !important;

  box-shadow:none !important;
}


html[data-kc-theme="system-dark"]
#kcSmartScreenGuide .kc-smart-guide-card button:hover{

  border-color:#32D6F5 !important;
}


/* ============================================================
   FIN
   ============================================================ */

/* ============================================================
   SYSTEM DARK
   FONDO LATERAL = MISMO FONDO DEL HOME
   ============================================================ */

html[data-kc-theme="system-dark"]
#kcSmartScreenGuide{

  background:#061426 !important;
  background-color:#061426 !important;
  background-image:none !important;
}