/* GLOBAL STYLES
-------------------------------------------------- */

/* RESPONSIVE CSS
-------------------------------------------------- */
@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }
}
@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 5rem;
    margin-bottom: 7rem;
  }
}

@media (max-width: 768px) {
  .centrarEnBajaResolucion {
    text-align: center;
  }
  .fondo{
    padding: 1rem 15px!important;
  }
  .footer {  
    padding-left: 25px;
    padding-right: 30px;
  }
}
/* MARKETING CONTENT
-------------------------------------------------- */
/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
.marketing h2 {
  font-weight: 400;
}
/* rtl:begin:ignore */
.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}
/* rtl:end:ignore */
/*<------------------------ BODY ---------------------------> */

body {
  display: flex;
  flex-direction: column;
  align-content: center;
  flex-wrap: nowrap;
  justify-content: space-between;
  background-color: white; 
  width: 100%; 
  overflow-x: auto; 
  position: relative;  
  background: url("../img/FONDO3.jpg");
}

main {
  margin-bottom: 80px;
  margin-top: 30px;
}
/*<-------------------- NABVAR Y FUENTE -----------------------> */

.logonavbar {
  width: 50px;
  height: 50px;
}

.nav-item:hover {
  color: #E16C02;
}

.nexa {
  font-family: 'nexalight';
}

.nexabold {
  font-family: 'nexabold';
}

.riven {
  font-family: 'riven';
}
/*<----------------------- MAIN --------------------------> */
.fondo {
  padding: 1rem 80px;
}

.contenedor {
  padding:  1rem 1rem 3rem;
  margin: auto;
}

.contenedor h2:hover{
  text-shadow: 0 0 0.5px #E16C02;
  transition: 0.5s;
}

.color-naranja {
  color: #E16C02!important;
}

.bloque {
  padding: 1rem;
}

#btn-arriba {
  display: flex;
  text-decoration: none;
  justify-content: center;
  align-items: center;
  background-color: #003F76;
  width: 50px;
  height: 50px;
  border-radius: 4px;
  position: fixed;
  bottom: 15px;
  right: 30px;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
  border-radius: 50%;
  color: white;
}

#btn-arriba:hover {
  cursor: pointer;
  box-shadow: 0 0 3px 0 #003F76;
  background-color: #003F76;
}
#btn-arriba:active {
  background-color: #E16C02;
  animation: ease-in-out;
}
#btn-arriba.show {
  opacity: 1;
  visibility: visible;
}

/*----------------------- Footer -------------------------*/
.footer {  
  bottom: 0;
  width: 100%;
  padding-left: 40px;
  padding-right: 40px;
}

.estilo {  
  display: flex;
  align-items: center;  
  justify-content: space-between;
  flex-wrap: nowrap;
}

.logofooter {
  width: 100px;
  height: 100px;  
}

.parrafo-footer {
  font-family: nexalight;
  text-align: left;
  margin-bottom: 0;
  color: white;
}

.bi{
  text-decoration: none;
  color: white;
  font-size: 20px;  
}


.item-hover {
  color: #CACACA;
}

.item-hover:hover {
  color: #E16C02;
}

.whatsapp:hover>i {
  color: #00bb2d;
}

.email:hover>i {
  color: #DB4A39;
}

.linkedin:hover>i {
  color: #0e76a8;
}

.direccion:hover>i {
  color: #c92813;
}

.instagram:hover>i {
  color: #C13584;
}

.facebook:hover>i {
  color: #3b5998;
}
.item-hover:hover,
.item-hover:not(:hover),
.whatsapp:hover>i,
.whatsapp:not(:hover)>i,
.email:hover>i,
.email:not(:hover)>i,
.linkedin:hover>i,
.linkedin:not(:hover)>i,
.direccion:hover>i,
.direccion:not(:hover)>i,
.instagram:hover>i,
.instagram:not(:hover)>i,
.facebook:hover>i, 
.facebook:not(:hover)>i {
  transition: 0.7s;
}