:root {
  --colorPrincipal: #0077c8;
  --colorSecundario: #005e9e;
  --colorSecundarioOscuro: #285777;
  --colorSecundarioClaro: #9cc0d9;
  --colorTitulos: #3e3e3c;
  --colorTextos: #595959;
  --colorFondo: #ffffff;
  --colorFondoCv: #f1f1f1;
  --colorColumnaDatosPersonales: #dddcdc;
  --colorFondoFooter: #fcfcfd;
  --colorLinkHeader: #fff;
  --colorTitleCard: #3e3e3c;
  --colorTextoCard: #595959;
  --colorAzulCorporativo: #0077c8;
}

header {
  border-bottom: 2px solid var(--colorSecundario);
}
.primary-home {
  padding: 30px 0 30px;
  min-height: 39vh;
}
a {
  color: var(--colorPrincipal);
}
a:hover {
  color: var(--colorSecundario);
}
.texto-principal {
  color: var(--colorTextos) !important;
}
.texto-titulo {
  color: var(--colorTitulos) !important;
}
.texto-azul-corporativo {
  color: var(--colorAzulCorporativo) !important;
}
.alpha70 {
  opacity: 70%;
}
.color-principal {
  background: var(--colorPrincipal) !important;
  background-color: var(--colorPrincipal) !important;
}
.color-secundario {
  background: var(--colorSecundario) !important;
  background-color: var(--colorSecundario) !important;
}
.color-texto-principal {
  color: var(--colorPrincipal) !important;
}
.color-texto-secundario {
  color: var(--colorSecundario) !important;
}
.color-texto-blanco {
  color: #fff;
}
.sombra-texto {
  text-shadow: 1px 1px 11px #4f4e4e;
}

.color-fondo-borde-secundario {
  color: #fff;
  background-color: var(--colorSecundario);
  border: var(--colorSecundario);
}

.btn.btn-principal,
.btn.btn-primary-blue,
.btn.btn-quinary-blue,
.btn.primary-btn.blue {
  background-color: var(--colorSecundario) !important;
  color: #fff !important;
  border-color: var(--colorSecundario) !important;
}
.btn.btn-principal.invalido,
.btn.btn-primary-blue.invalido,
.btn.btn-quinary-blue.invalido,
.btn.primary-btn.blue.invalido {
  border-color: var(--colorSecundarioClaro) !important;
  background-color: var(--colorSecundarioClaro) !important;
}
.btn.btn-principal-claro {
  border-color: hsl(from var(--colorSecundario) h s 50%) !important;
  background-color: hsl(from var(--colorSecundario) h s 50%) !important;
  color: #fff !important;
}
.btn.btn-principal-claro:hover,
.btn.btn-principal-claro:active {
  background-color: var(--colorSecundario) !important;
  color: #fff !important;
  border-color: var(--colorSecundario) !important;
}
.btn.btn-principal:hover:active,
.btn.btn-primary-blue:hover:active,
.btn.btn-quinary-blue:hover:active,
.btn.primary-btn.blue:hover:active {
  background-color: var(--colorSecundarioOscuro) !important;
}

.btn.btn-secundario,
.btn.secondary-btn {
  background-color: transparent !important;
  border: 1px solid var(--colorSecundario) !important;
  color: var(--colorSecundario) !important;
}
.btn.btn-secundario.invalido,
.btn.secondary-btn.invalido {
  border-color: var(--colorSecundarioClaro) !important;
  color: var(--colorSecundarioClaro) !important;
}
.btn.btn-secundario:hover:active,
.btn.secondary-btn:hover:active {
  border-color: var(--colorSecundarioOscuro) !important;
  color: var(--colorSecundarioOscuro) !important;
}
.btn.btn-link-principal {
  color: var(--colorSecundario) !important;
  font-weight: bold !important;
}
.btn.btn-pricipal-azul {
  background-color: #0077c8 !important;
  border-color: #0077c8 !important;
  color: #fff !important;
}
.link-principal-light {
  color: var(--colorPrincipal) !important;
  text-decoration: underline;
  font-weight: normal;
}
.btn.btn-eliminar {
  background-color: #ff3c3c !important;
  color: #fff !important;
}
.btn.btn-eliminar.invalido {
  background-color: #ff8080 !important;
  color: #fff !important;
}
.btn.btn-eliminar:hover:active {
  background-color: #b22a2a !important;
  color: #fff !important;
}

.texto-danger {
  color: #ff3c3c !important;
}

.border-secundario-claro {
  border: 1px solid var(--colorSecundarioClaro);
}

.border-secundario {
  border: 1px solid var(--colorSecundario);
}

/* CARDS NOTICIAS */
.cardNoticia .card-title {
  color: var(--colorTitleCard) !important;
}
.cardNoticia .card-text {
  color: var(--colorTextoCard) !important;
}
.tituloNoticia {
  color: var(--colorTitleCard) !important;
}
.contenidoNoticia {
  color: var(--colorTextoCard) !important;
}

/* CARDS EVENTOS */
.cardEvento .card-title {
  color: var(--colorTitleCard) !important;
}
.cardEvento .card-text {
  color: var(--colorTextoCard) !important;
}
.tituloEvento {
  color: var(--colorTitleCard) !important;
}
.contenidoEvento {
  color: var(--colorTextoCard) !important;
}

/* AQUI FALTA UNA NUEVA VARIABLE PARA EL COLOR SECUNDARIO CON 50% OPACIDAD 
  A MENOS QUE SE USE EL SECUNDARIO CLARO
*/

.btn.btn-selector {
  background-color: var(--colorSecundarioClaro) !important;
  border: var(--colorSecundario) !important;
  color: var(--colorSecundario) !important;
}
.btn.btn-selector:active:hover {
  background-color: var(--colorSecundario) !important;
  color: #fff !important;
}

/*
 CASO ESPECIAL, HAY QUE REVISAR SI ES ASI O NO
*/

.btn.btn-borde-header {
  border: 1px solid var(--colorLinkHeader);
  color: var(--colorLinkHeader);
}

/* fin */

.infoBasica input,
.infoBasica select,
.infoBasica textarea {
  border: 1px solid var(--colorPrincipal);
}

.btn.btn-header {
  background-color: var(--colorSecundario) !important;
  color: #fff !important;
}
.btn.btn-header:hover,
.btn.btn-header:active {
  border: 1px solid var(--colorSecundarioOscuro);
  color: var(--colorSecundarioOscuro) !important;
  background-color: #fff !important;
}

/*-------------------------------------------------*/
/* GLOBAL */
.fondoHeader {
  background-color: var(--colorPrincipal);
}
.search-field .recent-searches {
  padding-bottom: 10px;
}
.titulo-principal {
  color: var(--colorPrincipal);
}
.fondoColorPrincipal {
  background-color: #ffffff;
}
.primary-content {
  padding: 0;
}
/* MENU USUARIO */
.header-comunidad nav .logged-menu .profile .flex-column ul li.sp {
  padding: 0 14px;
}
.header-comunidad nav .logged-menu .profile .flex-column ul li.sp hr {
  margin: 0;
  width: 50%;
  opacity: 0.5;
}

/* FORMULARIOS */
.formContainer {
  box-shadow: 0px 0px 10px 0px #0000002b;
}
.formContainer h1.fw-bold {
  font-weight: 800 !important;
}
.formContainer h4 {
  font-weight: 700;
  font-size: 1.1rem;
}
.formContainer .linkBox {
  font-size: 1rem;
}
.formulario input[type='password'].form-control,
.formulario input[type='text'].form-control,
.formulario select.form-select,
.formulario textarea.form-control {
  border: 1px solid #0077c8;
  border-radius: 8px;
  color: #000;
  font-size: 0.875rem;
  height: 48px;
  padding: 0 10px;
}
.border-primary-red {
  border-color: #d10000 !important;
}
.text-primary-red {
  color: #d10000;
}

/* CV */
#sectionCV.seccionCurriculum .bg-claro {
  background-color: var(--colorColumnaDatosPersonales);
}
/*#sectionCV.seccionCurriculum .bg-claro2 {
  background-color: var(--colorFondoCv);
} 
  
PARECE QUE NO VA
 */
#sectionCV.seccionCurriculum .footer-cv {
  background-color: var(--colorPrincipal);
}
#sectionCV.seccionCurriculum .text-primary {
  color: var(--colorTextos);
}
.autocomplete .resultados {
  box-shadow: 2px 2px 10px #ccc;
}
@media (max-width: 992px) {
  #sectionCV.seccionCurriculum .bg-claro3 {
    background-color: #fff;
  }
}
@media (max-width: 767px) {
  .primary-content {
    padding: 83px 0 0 0;
  }
}
.gris-sidebar-premium {
  background-color: #7f8a8e !important;
}
.gris-oscuro-sidebar-premium {
  background-color: #595959 !important;
}
.bg-premium-green {
  background-color: #1acc28;
}
.flecha-sidebar-gris {
  color: #999999 !important;
  border-color: #999999 !important;
}
.flecha-sidebar-azul {
  color: #0077c8 !important;
  border: 1px solid #0077c8 !important;
}
.cursor-pointer {
  cursor: pointer;
}
/* DRIVER */
#driver-popover-content {
  z-index: 15 !important;
  border-radius: 0.85rem;
  max-width: 400px;
  @media (max-width: 768px) {
    max-width: 80%;
  }

  .driver-popover-description {
    font-family: 'Open Sans', sans-serif;
    span {
      color: #595959 !important;
      font-size: 16px;
      line-height: normal;
      font-weight: 700 !important;
      padding: 0 !important;
      font-family: 'Open Sans', sans-serif;
    }
    span.btn-bg-premium {
      color: #fff !important;
      font-size: 0.85rem;
      padding: 8px 16px !important;
    }
    p {
      margin-top: 15px !important;
      margin-bottom: 15px !important;
      font-family: 'Open Sans', sans-serif;
      color: #595959;
    }

    .btn-cerrar-popover {
      background-color: #0077c8;
      border-radius: 50rem;
      border: none;
      color: #fff;
      cursor: pointer;
      float: inline-end;
      font-size: 14px;
      font-weight: 400;
      margin-top: 5px;
      padding: 7px 12px;
      text-shadow: none;

      &:hover {
        background-color: #0065aa;
      }
      &:focus {
        background-color: #0077c8;
      }
      &:focus-visible {
        outline: none;
      }
    }
  }
  button {
    background-color: #0077c8;
    border-radius: 50rem;
    border: none;
    color: #fff;
    cursor: pointer;
    float: inline-end;
    font-size: 14px;
    font-weight: 600;
    margin-top: 5px;
    padding: 7px 15px;
    text-shadow: none;
    height: 32px;

    &:hover {
      background-color: #0065aa;
    }
    &:focus {
      background-color: #0077c8;
    }
    &:focus-visible {
      outline: none;
    }
  }
  .driver-popover-navigation-btns {
    gap: 4px;
  }
  .sin-flecha::after {
    content: none !important;
  }
}
.bg-premium-v2 {
  font-weight: 700;
  font-size: 0.85rem;
  background: linear-gradient(
    148deg,
    #1d7932 13.19%,
    #8dc637 62.93%,
    #217b33 83.93%
  ) !important;
}
.btn-bg-premium {
  background: linear-gradient(
    148deg,
    #1d7932 13.19%,
    #8dc637 52.93%,
    #217b33 63.93%
  ) !important;
}
/* HOME */
.seccionHome {
}

/* SECCION REGISTRO */
.seccionCrearCuenta {
}

/* DASHBOARD */
.seccionDashboard {
}

/* OFERTAS */
.seccionOfertas {
}

/* POSTULACIONES */
.seccionPostulaciones .primary-postulations .postulation {
  --color-borde-tarjeta: #dadada;
}