@import url('https://fonts.googleapis.com/css2?family=Shadows+Into+Light&display=swap');
@import url('https://fonts.sandbox.google.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0');
@import url('https://unpkg.com/aos@2.3.1/dist/aos.css');

/*COLORES
Blanco          #e3e6e8;
Azul obscuro    #2c3e50
Azul claro      #425c8a
Azul medio      #123d72
Gris            #91a3b9


*/
body{color:#2c3e50;}
p{text-align: justify;}
a, div, img{-moz-transition: all .2s;-o-transition: all .2s;-webkit-transition: all .2s;transition: all .2s;}
b, strong {font-weight: 700;}

.navbar{background: rgba(18, 61, 114, 0.9);}
.navbar .nav-link {color: #e3e6e8b6;font-weight: 300;}
.navbar .nav-link.active, .navbar .show>.nav-link {color: #ffffff;font-weight: 600;}
.navbar-toggler{color: #fff;border-color: #fff;}
.navbar-brand, .offcanvas-title{width: 300px;max-width: 75%;}
.offcanvas {background-color: #2c3e50;}
.btn-close{background-color: #e3e6e8;}

.seccion{border-bottom: solid 1px;}
.seccion.blanca{background-color: #e3e6e8;}
.seccion.azul{background-color: #2c3e50;color: #e3e6e8;}
.seccion.azulclaro{background-color: #425c8a;color: #e3e6e8;}
.title{padding: 120px 0 20px;}
.title h2{font-family: 'Shadows Into Light', cursive;font-size: 3rem;text-align: center;}
.subtitle{font-weight: 100;text-align: center;}
.subtitle::after{position: relative;content: "";width: 6em;height: 9px;display: block;margin: 0.5em auto 1em;border-top: 5px solid #91a3b9;border-bottom: 2px solid #91a3b9;border-left: 6px solid transparent;border-right: 6px solid transparent;}
.icon{font-size: 5em;}


#home{background: url('../assets/images/bgr-home.webp');background-size: cover;background-position: center center;}
#home h3{color: rgba(255, 255, 255, 0.7);font-family: 'Shadows Into Light', cursive;font-size: 3rem;text-align: center;}
#home p{color: rgba(255, 255, 255, 0.7);font-style: italic;border-top: 1px solid;border-bottom: 1px solid;text-align: center;margin: 2em 0;padding: 1em;}
.logo-lineas{margin-top: 96px;}

#about .card{background-color: #2c3e50;color: #e3e6e8;text-align: center;}
.misionvision{padding:7em 0;background-image: url(../assets/images/foto02_bgr.webp);background-size: cover;}

#services .card{background-color: #123d72;color: #e3e6e8;text-align: center;}

#portfolio li{list-style: none;margin-bottom: 10px;padding-bottom: 10px;position: relative;}
#portfolio li::before{content: "";width: 30px;height: 30px;background-image: url(../assets/images/li-icon.webp);position: absolute;left: -33px;}

.btn-primary {color: #fff;background-color: #2c3e50;border-color: #123d72;}
.formTitle{font-family: 'Shadows Into Light', cursive;text-align: center;font-size: 1.75em;}
.form-group{position: relative;margin-bottom: 10px;}
.form-group label{font-weight: 600;}

label.error{background-color: #900;color:#fff;display: block;padding: 5px;}
.form-control.error {border-color: #900;}
.ajaxLoader{text-align: center;}


footer{background-color: #2c3e50;padding-top: 2em;color: #e3e6e8;}
footer .links>li::before{content: "arrow_forward";width: 30px;height: 30px;position: absolute;left: -33px;font-family: 'Material Symbols Outlined';font-size: 24px;line-height: 1;}
footer li{list-style: none;margin-bottom: 10px;padding-bottom: 10px;position: relative;}
footer a{color: #91a3b9;text-decoration: none;}
footer a:hover{color: #ffffff;}
footer li>a>span{position: absolute;left: -1.4em;}
footer p{margin-bottom: 0;padding: 1em 0;background: rgba(0, 0, 0, 0.4);}
.walink img{width: 26px;margin-left: 0.5em;filter: opacity(0.75);}
.walink:hover img{filter: opacity(1);}

#idioma, #idiomaes{position:fixed;right:10px;top: 105px;z-index:9999;}
#idioma a,#idiomaes a{width:52px;height:50px;display:block;text-indent:-1000em;background-size: cover;}
#idioma a{background-image:url(../assets/images/idioma-en.webp);}
#idiomaes a{background-image:url(../assets/images/idioma-es.webp);}

#whatsapp{position:fixed;right:0;z-index:22;bottom: 50px;right:10px;}
#whatsapp a {
    width: 50px;
    height: 50px;
    display: block;
    background: url(../assets/images/whatsapp.webp) #47c758 no-repeat;
    background-size: 30px;
    background-position: center center;
    border-radius: 25px;
    padding: 10px;
    color: #fff;
    text-decoration: none;
    overflow: hidden;
    white-space: nowrap;
    text-indent: 5em;
}
#whatsapp a:hover{
    width: 310px;
    background-position-x: 270px;
    text-indent: 15px;
}

@-webkit-keyframes rotating /* Safari and Chrome */ {
    from {
      -webkit-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    to {
      -webkit-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  @keyframes rotating {
    from {
      -ms-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    to {
      -ms-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -webkit-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  .rotating,.ajaxLoader .icon {
    -webkit-animation: rotating 2s linear infinite;
    -moz-animation: rotating 2s linear infinite;
    -ms-animation: rotating 2s linear infinite;
    -o-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite;
  }
  
@media (max-width: 576px){
    #idioma, #idiomaes{bottom: 75px;top:initial;}
}