@import url('https://fonts.googleapis.com/css?family=Open+Sans:100,300,400,600,700,800');

body{ font-family: "Open sans"; font-size: 16px; 
}
a{ color: #0058A6;
}

/* #region BOTONES */
.btn{ position: relative;
}
  /*btn rojo*/
  .btn.btn-rojo{ background-color: #E32726; color: #fff; border-radius: 50px;
  }
  .btn.btn-rojo:hover{ background-color:#B51E1E; color: #fff;
  }
  /*btn azul*/
  .btn.btn-azul{ background-color: #0058A6; color: #fff; border-radius: 50px;
  }
  .btn.btn-azul:hover{ background-color:#023F75; color: #fff;
  }
  /*btn delineado*/
  .btn.btn-delineado{ background-color: transparent; border: 1px solid #023F75; border-radius: 50px; padding-right: 50px !important;
  }
  /*icn flecha*/
  .btn.icn-flecha-tipo-1-blanco::before{ content:''; position: absolute; top: 10%; right: 7px; left: auto; aspect-ratio:1/1; height: 80%; background-image: url('../img/general/icn-flecha-blanco.svg'); background-repeat: no-repeat; background-position: center; background-size: 100%;
  }
  .btn.icn-flecha-tipo-2::before{ content:''; position: absolute; top: 10%; right: 5px; left: auto; aspect-ratio:1/1; height: 80%; background: url('../img/general/icn-flecha-link.svg') no-repeat center; background-size: 100%;
  }
  .btn.icn-flecha-tipo-2-blanco::before{ content:''; position: absolute; top: 10%; right: 5px; left: auto; aspect-ratio:1/1; height: 80%; background: url('../img/general/icn-flecha-link-blanco.svg') no-repeat center; background-size: 100%;
  }
  /* #endregion Botones */

/**********************************/
/*       #region: CABECERA        */
/**********************************/

header.cab{ position: relative; z-index: 9999; background-color: #023F75;
}
header.cab .navbar-collapse a.btn-unapec{ display: inline-block; color: #fff; font-size: 1.375rem; font-weight: 600; text-transform: uppercase; text-decoration: none; margin: 10px 0 20px 0;
}
header.cab .navbar-collapse a.nav-link{ color: #fff; font-size: 1.375rem; font-weight: 600; text-transform: uppercase;
}
@media(max-width:991px){
  header.cab .navbar{ padding: 0;
  }
  header.cab .navbar-nav{ margin-top: 20px; padding-bottom: 10px; border-bottom: 10px solid rgba(255,255,255,.1);
  }
  header.cab .navbar-toggler{ height: 70px; border:none; padding: 5px 20px; margin-right: calc(var(--bs-gutter-x) * -.5); background-color: #0058A6; border-radius: 0;
  }
  header.cab .navbar-toggler span.barra{ display: block; width: 30px; height: 5px; border-radius: 2px; margin: 10px 0; background-color: #fff;
  }
  header.cab .navbar-collapse{ position: relative;
  }
  header.cab .wpr-menu{ border-top: 10px solid rgba(255,255,255,.1); margin-top: 20px;
  }
  header.cab .wpr-navbar::before{ content: ""; display: block; width: calc(100% + 50px); height: 1px; background-color: #fff; position: absolute; top: 0; left: -25px; opacity: 0.1;
  } 
}

@media(min-width:992px){  
  header.cab{ z-index: 9999; margin-top: 10px; margin-bottom: -98px; background-color: transparent;
  }
  header.cab .navbar-brand{ position: relative; padding-right: 20px;
  }
  header.cab .navbar-brand img{ width: 200px; height: auto;
  }
  header.cab .navbar-brand::after{ content: ''; display: block; position: absolute; right: 0; top: calc(50% - 12.5px); width: 3px; height: 25px; background-color: #fff; border-radius: 3px;
  }
  header.cab .wpr-menu{ background-color: #0058A6; border-radius: 50px 50px 50px 0; padding: 0 20px;
  }
  header.cab .navbar-collapse a.nav-link{ color: #fff; font-size: 1rem; font-weight: 600; text-transform: uppercase; padding: 1.5rem 0.5rem;
  }
  header.cab .navbar-collapse a.btn-unapec{ display: block; color: #fff; font-size: 1rem; font-weight: 600; text-transform: uppercase; text-decoration: none; background-color: #E32726; border-radius: 50px 0 50px 50px; margin: 0 0 0 5px; padding: 1.5rem 1.5rem;
  }
}
@media(min-width:1200px){
  header.cab .navbar-brand img{ width: 220px;
  }
  header.cab .navbar-collapse a.nav-link{ font-size: 1.125rem; padding: 1.5rem 1rem;
  }
  header.cab .navbar-collapse a.btn-unapec{ font-size: 1.125rem; margin: 0 0 0 10px; padding: 1.5rem 2rem;
  }
}
@media(min-width:1600px){
  header.cab{ margin-bottom: -120px;
  }
  header.cab .navbar-brand img{ width: 250px;
  }
  header.cab .navbar-brand{ padding-right: 40px;
  }
  header.cab .navbar-collapse a.nav-link{ padding: 2rem 1.5rem;
  }
  header.cab .navbar-collapse a.btn-unapec{ margin: 0 0 0 10px; padding: 2rem 3rem;
  }
}
/* #endregion */



main{ position: relative; z-index: 1;
}


/**********************************/
/*    #region: PIE DE PAGINA      */
/**********************************/
.pie-pagina{ color: #ABBACB; padding: 50px 0; background: #0D345F url('../img/general/pie-pagina/bg-recursos.png') no-repeat right bottom; background-size: 60%;
}
.pie-pagina .logo img{ max-width: 300px;
}
.pie-pagina a{ color: #ABBACB; /*text-decoration: none;*/
}
.pie-pagina a:hover{ text-decoration: underline; color: #fff;
}
/**/
/* Área Redes */
footer .redes{ display: flex; gap: 10px;
}
footer .redes a{ display: block; width: 38px; height: 38px; opacity: 0.6; background-size: 38px 38px;
}
footer .redes a:hover{ opacity: 1;
}
footer a.facebook{ background-image: url(../img/general/pie-pagina/facebook.png);
}
footer a.twitter{ background-image: url(../img/general/pie-pagina/twitter.png);
}
footer a.youtube{ background-image: url(../img/general/pie-pagina/youtube.png);
}
footer a.linkedin{ background-image: url(../img/general/pie-pagina/linkedin.png);
}
footer a.instagram{ background-image: url(../img/general/pie-pagina/instagram.png);
}

@media(min-width:992px){
  .pie-pagina{ background-size: 30%;
  }
}
@media(min-width:1200px){
  .pie-pagina .logo img{ max-width: 400px;
  }
}
/*#endregion*/

/* #region CLASES PERSONALIZADAS */
.no-stretched-link{ position:relative !important; z-index: 999 !important;
}
.glightbox-clean .gdesc-inner {
    border-top: 4px solid #ABBACB;
    padding: 22px 20px;
}

@media(max-width:991.98px){
  .visually-hidden-lg-down {
    position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important;
  }
}
@media(max-width:1199.98px){
  .visually-hidden-xl-down {
    position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important;
  }
}
/*#endregion*/