/* Tema corporativo Conexiones Holding Group */
html.skin-marca {
  --marca-50:  #E8FAFD;
  --marca-100: #A5E9F5;
  --marca-200: #7FDDF0;
  --marca-300: #4BD3EB;
  --marca-400: #2FB9D2;
  --marca-500: #15A3BC;
  --marca-600: #108CA2;
  --marca-700: #0E7084;
  --marca-800: #0B5562;
  --marca-900: #08414B;
  --acento:    #F15A29;
}

/* Encabezado superior */
html.skin-marca [class*="tw-from-marca-"] {
  background-image: linear-gradient(to right, #0B5562, #08414B) !important;
  color: #fff !important;
}

/* Fondos, textos y bordes de la escala marca */
html.skin-marca .tw-bg-marca-50  { background-color: var(--marca-50)  !important; }
html.skin-marca .tw-bg-marca-100 { background-color: var(--marca-100) !important; }
html.skin-marca .tw-bg-marca-500 { background-color: var(--marca-500) !important; }
html.skin-marca .tw-bg-marca-600 { background-color: var(--marca-600) !important; }
html.skin-marca .tw-bg-marca-700 { background-color: var(--marca-700) !important; }
html.skin-marca .tw-bg-marca-800 { background-color: var(--marca-800) !important; }
html.skin-marca .tw-bg-marca-900 { background-color: var(--marca-900) !important; }
html.skin-marca .tw-text-marca-500 { color: var(--marca-500) !important; }
html.skin-marca .tw-text-marca-700 { color: var(--marca-700) !important; }
html.skin-marca .tw-text-marca-800 { color: var(--marca-800) !important; }
html.skin-marca .tw-border-marca-500 { border-color: var(--marca-500) !important; }

/* Menú lateral */
html.skin-marca .tw-bg-white a:hover { color: var(--marca-500); }

/* Botón de acción naranja */
html.skin-marca .btn-warning,
html.skin-marca .btn-success { background-color: var(--acento) !important; border-color: var(--acento) !important; color: #fff !important; }