/*** ESTILOS DEL SITIO **/
html {
    scroll-behavior: smooth;
}

body {
    background-color: #f6f6f7;
}

/* Logo */

.logo {
    max-height: 40px;
}

/* Navegacion */

.navegacion .nav-item {
    font-family: 'Raleway', sans-serif;
    text-transform: uppercase;
    font-size: 0.9rem;
    text-decoration: none;
}

.navegacion a h3 .display-5 {
    text-decoration: none;
}

.navbar-light .navbar-toggler {
    background-color: #ffffff;
}

.navbar-light .navbar-brand,
.navbar-light .navbar-brand:hover {
    color: white;
}

.menu-principal, .copyright {
    background-color: #1A212F;
}


.menu-principal .btn-info {
    background-color: #078aa3 ;
    color: #f6f6f7;
}

.menu-principal .btn-warning {
    color: #04274E !important;

}

.menu-principal h3 {
    padding-top: 10px;
    padding-left: 10px;
    font-family: 'Rajdhani', sans-serif;
    font-weight: 400;
    font-size: 32.rem;
}

.menu-principal .nav-link {
    font-family: 'Raleway', sans-serif;
}

/** PRINCIPAL INICIO **/
.seccion-inicio {
    background-image: url(../img/curvasIzqAba.png), url(../img/curvaDerArri.png);
    background-position: left bottom, right top;
    background-repeat: no-repeat, no-repeat;
    background-size: 25rem, 30rem;
    background-color: #078aa3 ;
    padding: 70px 0px;
}

@media (max-width:991px) and (min-width:768px){
    .seccion-inicio {
        padding: 70px 0px;
    }
    .seccion-mapa {
        padding: 50px 0px;
    }
}

@media (max-width:1199px) and (min-width:992px){
    .seccion-inicio {
        padding: 100px 0px;
    }
    .seccion-mapa {
        padding: 90px 0px;
    }
}
@media(min-width:1200px) and (max-width:2000px) {
    .seccion-inicio {
        padding: 160px 0px;
    }
    .seccion-mapa {
        padding: 80px 0px;
    }
}

.seccion-inicio hr {
    background-color:rgba(6, 97, 134, 0.5);
}

.seccion-inicio .lead {
    font-size: 2rem;
    font-family: 'Rajdhani', sans-serif;
    text-align: left;
    font-weight: 400;
    padding: 5px 5px;
}

.seccion-inicio .boton {
    font-family: 'Raleway', sans-serif;
}
.seccion-inicio h1 {
    font-size: 3.5rem;
    font-family: 'Lato', sans-serif;
    text-align: left;
    font-weight: 900;
    padding: 20px 5px 5px 5px;
}


.principal-division {
    background-color: #C10841 ;
}

.principal-division2 {
    background-color: #04274E ;
}

.seccion-inicio .btn-danger,
.seccion-inicio .btn-danger:hover {
    background-color: #C10841;
}

/* SERVICIOS */

.servicios {
    background-image: url(../img/redizq.png), url(../img/redder.png);
    background-position: left top, right top;
    background-repeat: no-repeat, no-repeat;
    background-color: #f6f6f7 ;
}

.servicios a {
    text-decoration: none;
    color: white;
    font-family: 'Rajdhani', sans-serif;
    font-weight: 600;
    font-size: 1.6rem;
}

/* Contenedores */
.servicios .contenedor1 {
    background-color: #05426B;
}

.servicios .contenedor2 {
    background-color: #066186;
}

.servicios .contenedor3 {
    background-color: #078AA3;
}

.servicios .modal-header {
    color: #f6f6f6;
    background-color: #C10841;
}

.servicios .btn-info {
    background-color: #17a2b8;
}

.servicios a:hover {
    text-decoration: none;
}

/* MODAL */
.modal-visor .modal-header {
    color: #f6f6f6;
    background-color: #C10841;
}

.modal-visor h3{
    color: #04274E;
    font-family: 'Lato', sans-serif;
    font-weight: 600;
    font-size: 1.4rem;
}

.modal-visor p {
    color: #04274E;
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    font-size: 0.9rem;
}
.servicios .close,
.modal-visor .close {
    color: white !important;
}

.servicios .modal-body,
.servicios .modal-footer, 
.modal-visor .modal-body,
.modal-visor .modal-footer{
    background-color: #f6f6f7;
}


/* NOSOTROS */
.seccion-nosotros {

    background-image: url(../img/curvasIzqAba.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 25rem;
    background-color: #04274E ;
    padding: 100px 0px;
}

.seccion-nosotros img{
    max-width: 85%;
}

.seccion-nosotros .btn-info {
    background-color: #078AA3 ;
}

.seccion-nosotros hr {
    background-color:#041E3C;
    margin-top: 15px;
    margin-bottom: 20px;
}

.logos-instituciones {
    background-color: #f6f6f7 ;
    padding: 20px 0;
}

.seccion-contacto {
    background-image: url(../img/azulizqarriba.png);
    background-position: leaf top;
    background-repeat: no-repeat;
    background-size: 30rem;
    background-color: #078aa3 ;
    color: #f6f6f7;
}

.sociales i {
    color: #066D8E ;
}

.sociales i:hover {
    color: #04274A;
}

.seccion-contacto .btn-danger{
    background-color: #C10841;
}

.visor-bg {
    background-color: #04274E;
    height:100%;
    margin: 0;
    display: flex;
    flex-direction: column;
}

/* SECCION MAPA */
.seccion-mapa {
    background-image: url(../img/curvasGrisDerArri.png);
    background-position: right top;
    background-repeat: no-repeat;
    background-size: 30rem;
    background-color: #f6f6f7; 
    padding: 70px 0px;
}

.seccion-mapa .card-tittle {
    color:#04274E;
    font-family: 'Lato', sans-serif;
    font-weight: 600;
    font-size: 1.5rem;
}

.seccion-mapa h2 {
    color: #04274E;
}

.seccion-mapa .nav-item {
    color: #04274E;
}

.seccion-mapa .nav-link {
    background-color: #f6f6f6;
    color: #04274E;
    font-size: 1.2rem;
}

.seccion-mapa .nav-link.active {
    background-color: #078aa3;
    color: #f6f6f7;
    font-size: 1.2rem;
}

.seccion-mapa .nav-tabs {
    justify-content: center;
    border: none;
}

.seccion-mapa .img-geo {
    max-width: 90%;
}


/* Sección de Contacto */

.section-contact-form {
    background: #f6f6f7 ;
    
    color: white;
    padding: 100px 0px;
}

.box-contact-info {
    padding: 40px 0px;
}

.contact-form-field {
    background: #f6f6f7;
    border: 1px solid #056287;
    color: #04274E;
}

.contact-form-field:focus{
    border: 1px solid #17a2b8;
    outline: none;
    background: #f6f6f6;
    color: #04274E;
    box-shadow: none;
}

.form-text {
    color: #f6f6f7;
}

.seccion-footer {
    padding: 30px 0px;
    background-color: rgb(223, 223, 223);
    color: #17a2b8;
}

.seccion-footer i:hover {
    color: #04274A;
}

.seccion-footer a {
    text-decoration: none;
    color: #17a2b8;
}

.copyright a {
    color: white;
    text-decoration: none;
}

@media screen and (max-width: 1025px) {
    .menu-principal h3{
    display:none;
    }
}

@media screen and (max-width: 1280px) {
    .menu-principal h3{
    font-size: 2rem;
    }
}

/* FORMAS */

.circulo {
    width: 180px;
    height: 180px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #066D8E;
}

.circulo:hover {
    background: #04274A;
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

/* Fading entrances  */
@-webkit-keyframes fadeIn {
    from {
      opacity: 0;
    }
  
    to {
      opacity: 1;
    }
  }
  @keyframes fadeIn {
    from {
      opacity: 0;
    }
  
    to {
      opacity: 1;
    }
  }
  .animate__fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
  }


  /* Pantallas del visor*/
.div1 {
    height: 80px;
    width: 100%;
    justify-content: center;
    align-content: center;
}

.div2 {
    height:100%;
    width: 100%;
}