/* /hc-... y /homologacion_OP7b...: manual de marca Lyseon v1.2. Todo acotado a los ids de cada pagina
   (Dash carga assets/ global, esto no toca otras paginas). */
#main_b2b_homologacion_control, #main_b2b_homologacion_url {
  color: #333333; font-family: 'Open Sans', Arial, sans-serif; font-size: 13px;
}
:is(#main_b2b_homologacion_control, #main_b2b_homologacion_url) > .card,
:is(#main_b2b_homologacion_control, #main_b2b_homologacion_url) .card {
  border: 1px solid #DDDDDD; border-radius: 8px; box-shadow: 0 2px 10px rgba(0, 32, 91, .06);
}
:is(#main_b2b_homologacion_control, #main_b2b_homologacion_url) > .card { overflow: visible; }
/* cabecera Navy con kicker naranja */
:is(#main_b2b_homologacion_control, #main_b2b_homologacion_url) > .card > .card-header {
  background: #00205B !important; border-bottom: none !important; padding: 16px 20px 12px; border-radius: 8px 8px 0 0;
}
.hm-kicker { font-family: 'Montserrat', Arial, sans-serif; font-weight: 700; font-size: 12px; letter-spacing: .1em; text-transform: uppercase; color: #FF5722; }
.hm-titulo { font-family: 'Montserrat', Arial, sans-serif; font-weight: 700; font-size: 18px; line-height: 1.4; color: #FFFFFF; margin: 8px 0 0; }
.hm-sub { font-size: 12px; color: #E6E9EF; margin-top: 4px; }
/* titulos y etiquetas */
:is(#main_b2b_homologacion_control, #main_b2b_homologacion_url) :is(h5, h6) {
  font-family: 'Montserrat', Arial, sans-serif; font-weight: 700; color: #00205B;
}
:is(#main_b2b_homologacion_control, #main_b2b_homologacion_url) label { font-family: 'Open Sans', Arial, sans-serif; color: #333333; }
/* pestañas en pildora */
:is(#main_b2b_homologacion_control, #main_b2b_homologacion_url) .nav-tabs { border-bottom: 1px solid #DDDDDD; gap: 6px; }
:is(#main_b2b_homologacion_control, #main_b2b_homologacion_url) .nav-tabs .nav-link {
  font-family: 'Montserrat', Arial, sans-serif; font-weight: 600; font-size: 12px; color: #00205B;
  border: 1px solid transparent; border-radius: 999px; padding: 6px 16px;
}
:is(#main_b2b_homologacion_control, #main_b2b_homologacion_url) .nav-tabs .nav-link:hover { background: #E6E9EF; border-color: transparent; }
:is(#main_b2b_homologacion_control, #main_b2b_homologacion_url) .nav-tabs .nav-link.active {
  background: #00205B; color: #FFFFFF; border-color: #00205B;
}
/* botones: primario naranja, resto navy en contorno */
:is(#main_b2b_homologacion_control, #main_b2b_homologacion_url) .btn { font-family: 'Montserrat', Arial, sans-serif; font-weight: 700; font-size: 12px; border-radius: 8px; }
:is(#main_b2b_homologacion_control, #main_b2b_homologacion_url) .btn-primary { background: #FF5722; border-color: #FF5722; color: #00205B; }   /* manual: blanco sobre naranja no pasa AA */
:is(#main_b2b_homologacion_control, #main_b2b_homologacion_url) .btn-primary:hover { background: #DF3500; border-color: #DF3500; color: #FFFFFF; }
:is(#main_b2b_homologacion_control, #main_b2b_homologacion_url) .btn-secondary,
:is(#main_b2b_homologacion_control, #main_b2b_homologacion_url) .btn-outline-secondary { background: #FFFFFF; border: 1px solid #00205B; color: #00205B; }
:is(#main_b2b_homologacion_control, #main_b2b_homologacion_url) .btn-secondary:hover,
:is(#main_b2b_homologacion_control, #main_b2b_homologacion_url) .btn-outline-secondary:hover { background: #E6E9EF; color: #00205B; }
/* campos */
:is(#main_b2b_homologacion_control, #main_b2b_homologacion_url) .form-control,
:is(#main_b2b_homologacion_control, #main_b2b_homologacion_url) .form-select {
  border: 1px solid #DDDDDD; border-radius: 8px; color: #333333; background-color: #FFFFFF; font-family: 'Open Sans', Arial, sans-serif; font-size: 13px;
}
:is(#main_b2b_homologacion_control, #main_b2b_homologacion_url) .form-control:focus { border-color: #00205B; box-shadow: 0 0 0 .15rem rgba(0, 32, 91, .15); }
/* tablas */
:is(#main_b2b_homologacion_control, #main_b2b_homologacion_url) table { color: #333333; }
:is(#main_b2b_homologacion_control, #main_b2b_homologacion_url) thead th { background: #00205B; color: #FFFFFF; font-family: 'Montserrat', Arial, sans-serif; font-weight: 700; font-size: 11px; }

/* dcc.Dropdown (react-select v1): claro, borde Line, foco naranja */
:is(#main_b2b_homologacion_control, #main_b2b_homologacion_url) .Select-control {
  background: #FFFFFF !important; border: 1px solid #DDDDDD !important; border-radius: 8px !important; color: #333333 !important;
  font-family: 'Open Sans', Arial, sans-serif; font-size: 12px;
}
:is(#main_b2b_homologacion_control, #main_b2b_homologacion_url) .Select.is-focused > .Select-control { border-color: #FF5722 !important; box-shadow: none; }
:is(#main_b2b_homologacion_control, #main_b2b_homologacion_url) .Select.is-disabled > .Select-control { background: #F4F6F8 !important; }
:is(#main_b2b_homologacion_control, #main_b2b_homologacion_url) .Select-placeholder, 
:is(#main_b2b_homologacion_control, #main_b2b_homologacion_url) .Select--single > .Select-control .Select-value { color: #555555 !important; font-weight: 400 !important; }
:is(#main_b2b_homologacion_control, #main_b2b_homologacion_url) .Select-menu-outer { border: 1px solid #DDDDDD; border-radius: 8px; box-shadow: 0 4px 14px rgba(0, 32, 91, .12); }