@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Roboto+Condensed:wght@200;300;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
body {
  font-family: "Outfit", sans-serif;
  color: #fff;
}

h1, h2, h3 ,h4, h5, h6, strong{
  font-family: 'Bebas Neue', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.button {
  font-family: 'Bebas Neue', sans-serif;
  font-weight: 300;
  letter-spacing: 1px;
  text-transform: uppercase;
}


[data-coreui-theme=dark] .dark\:bg-body-tertiary, [data-coreui-theme=dark] .dark\:bg-body-tertiary:not([class*="dark:"]), .bg-body-tertiary {
 /* background-color: rgba(255,255,255,0) !important;*/
}
.logo-acsistemas-login {
  max-width: 120px;
}

div.dt-container .dt-paging .dt-paging-button {
  padding: 0 !important;
}

.grecaptcha-badge {
  visibility: hidden;
}

:root[data-coreui-theme="light"] .selected-card {
  border: 2px solid #2B3C62 !important;
  box-shadow: 0px 4px 10px rgba(18, 36, 75, 0.5);
  transform: scale(1.08);
  transition: all 0.3s ease-in-out;
}

[data-coreui-theme="dark"] .mat-stepper-horizontal {
  background-color: #323a49 !important; /* Fondo oscuro */
}

[data-coreui-theme="dark"] .mat-step-header {
  color: white !important; /* Texto en blanco */
}

[data-coreui-theme="dark"] .mat-step-header .mat-step-icon {
  background-color: white !important; /* Íconos */
  color: #2b3c62 !important;
}

[data-coreui-theme="light"] .mat-stepper-horizontal {
  background-color: #ebebeb5a !important; /* Fondo claro */
}

[data-coreui-theme="light"] .mat-step-header {
  color: black !important; /* Texto en negro */
}

[data-coreui-theme="light"] .mat-step-header .mat-step-icon {
  background-color: #2b3c62 !important; /* Íconos */
  color: white !important;
}
[data-coreui-theme="dark"] .mat-step-label {
  color: white !important; /* Texto en blanco */
}

[data-coreui-theme="light"] .mat-step-label {
  color: black !important; /* Texto en negro */
}

[data-coreui-theme="light"] .selected-subcategory {
  border: 2px solid #2b3c62 !important; /* Borde azul */
  background-color: rgba(78, 98, 118, 0.144); /* Azul suave */
  transition: border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
}

[data-coreui-theme="dark"] .selected-subcategory {
  border: 2px solid #ffffff !important; /* Borde azul */
  background-color: rgba(193, 207, 220, 0.144); /* Azul suave */
  transition: border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
}

/* Estilos para tema oscuro */
[data-coreui-theme="dark"] mat-form-field {
  --mdc-filled-text-field-container-color: #212631; /* Fondo del campo */
  --mdc-filled-text-field-input-text-color: #ffffff; /* Color del texto */
  --mdc-filled-text-field-label-text-color: #bbbbbb; /* Color del label */
  --mdc-filled-text-field-active-indicator-color: #ffffff; /* Borde activo */
}

/* Estilos para tema claro */
[data-coreui-theme="light"] mat-form-field {
  --mdc-filled-text-field-container-color: #f5f5f5;
  --mdc-filled-text-field-input-text-color: #000000;
  --mdc-filled-text-field-label-text-color: #555555;
  --mdc-filled-text-field-active-indicator-color: #000000;
}

[data-coreui-theme="light"] .mdc-list-item__primary-text,
[data-coreui-theme="light"] .mdc-list-item__primary-text:hover,
[data-coreui-theme="light"] .mat-mdc-radio-button .mat-internal-form-field,
[data-coreui-theme="light"] .mdc-list-item__primary-text,
[data-coreui-theme="light"] .mdc-list-item:hover{
  color: #07151a;
}

[data-coreui-theme="dark"] .mdc-list-item__primary-text,
[data-coreui-theme="dark"] .mdc-list-item__primary-text:hover,
[data-coreui-theme="dark"] .mat-mdc-radio-button .mat-internal-form-field,
[data-coreui-theme="dark"] .mdc-list-item__primary-text,
[data-coreui-theme="dark"] .mdc-list-item:hover {
  color: white;
}


/* Ajustar el color del mensaje de error */
.mat-mdc-form-field-error {
  color: #ff4d4d !important;
}


/*Estilos botones Asistente*/
.mat-mdc-button:not(:disabled) {
  color: white !important;
  background-color: #2b3c62 !important;
  margin-right: 10px !important;
}
/*Estilos principal*/
.main-race{
  background-image: url("/assets/img/event-race-back.png");
  background-size: 100%;
  background-position: top;
  background-attachment: fixed;
  background-repeat: no-repeat;
}

[data-coreui-theme="dark"] .main-race-back{
  background-color: rgba(0,0,0,0.6);
    padding:30px;
}

[data-coreui-theme="light"] .main-race-back{
  background-color: rgba(255,255,255,0.8);
    padding:30px;
}
/*Estilos número de piloto*/
.pilot-number {
  font-family: 'Oswald', sans-serif;
  font-size: 20px; /* Ajustado para tabla */
  font-weight: 700;
  color: black;
  text-shadow:
    -0.5px -0.5px 0 white,
    0.5px -0.5px 0 white,
    -0.5px  0.5px 0 white,
    0.5px  0.5px 0 white,
    -1px -1px 0 white,
    1px -1px 0 white,
    -1px  1px 0 white,
    1px  1px 0 white;
  display: inline-block;
  transform: skewX(-10deg);
}
/*Estilos sin imagen*/
.no-image{
  max-width: 50px;
}

/*Estilos Date Picker*/
.date-picker.show .date-picker-dropdown, .date-picker-dropdown.show {
  z-index: 10000;
}

[data-coreui-theme="dark"] .time-picker-inline-select{
  background-color: rgb(33,38,49);
}

[data-coreui-theme=dark] .btn-success {
  --cui-btn-color: #fafcff;
  --cui-btn-hover-color: #080a0c;
  font-stretch: ultra-condensed;
}
/*Estilos NG SELECT*/
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{
  white-space: nowrap;
  margin-right: 5px;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 0.375rem;
}
[data-coreui-theme=dark] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
  background-color: #212631;
  color: white;
  border: 1px solid #323a49;
}
[data-coreui-theme=dark] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
  background-color: #212631;
  color: white;
  padding-left: 5px;
}
[data-coreui-theme=dark] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option:hover {
  background-color: #323a49;
}

[data-coreui-theme=light] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
  background-color: white;
  color: #212631;
  border: 1px solid #dbdfe6;
}
[data-coreui-theme=light] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
  background-color: white ;
  color: #212631;
  padding-left: 5px;
}
[data-coreui-theme=light] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option:hover {
  background-color: #dbdfe6;
}

[data-coreui-theme="light"] h1.display-3, h4.pt-3 {
  color: #2b3c62 !important;
}

[data-coreui-theme="dark"] h1.display-3, h4.pt-3 {
  color: #ffffff !important;
}

.mdc-list-item--with-trailing-radio.mdc-list-item, .mdc-list-item--with-trailing-checkbox.mdc-list-item
{
  border: 1px dotted;
  padding-top: 10px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  min-height: fit-content;
}
.category-section{
  border: 1px dotted;
  margin-bottom: 10px;
  padding: 10px;
}

.slider-nav{
  width: 10px;
  height: 15px;
  border-radius: 50%;
  background-color: #2b3c62 !important;
  margin-right: 5px;
  display: flex;
}

/*Tables*/
.table-row{
  font-weight: 400 !important;
}
.table-row-success {
  background-color: #217821 !important;
}
.table-row-danger {
  background-color: #c55151 !important;
}
.asphalt{
  background-image: url("/assets/img/asphalt.webp");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
}

[data-coreui-theme="dark"] .asphalt-back{
  background-color: rgba(9, 14, 27, 0.7);
}

[data-coreui-theme="light"] .asphalt-back{
  background-color: rgba(174, 174, 174, 0.7);
}

[data-coreui-theme="dark"] .card{
  --cui-card-bg: rgba(0,0,0,0) !important;
  background: rgba(33,38,49,.43);
  border-radius:16px;
  box-shadow:0 4px 30px rgba(0,0,0,.1);
  -webkit-backdrop-filter: blur(10.6px);
  backdrop-filter: blur(10.6px);
  --cui-card-border-color: rgb(0 0 0 / 10%);
}

.sidebar-nav .nav-link.active {
  border-left: 2px solid yellowgreen;
}



/* Desactiva solo en la card que tiene un modal visible (requiere :has) */
[data-coreui-theme="dark"] .card:has(.modal.show){
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  filter: none !important;
  transform: none !important;
}

@media (min-width: 1400px) {
.container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: -webkit-fill-available !important;
    max-width: -moz-available !important;
  }

  .container-1400 .container {
    max-width: 1400px !important;
  }
}

@media(max-width: 900px) {
  .px-4 {
    padding-right: 7px !important;
    padding-left: 7px  !important;
  }
  .header-toggler:not(:disabled) {
    margin-inline-start: 0;
  }
}