/*@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100;500;700&display=swap");*/


@font-face {
	font-family: "Avenir-Bold";           
    src: url("/fuentes/Avenir/AvenirNextLTPro-BoldCn.ttf") format("truetype");
} 

@font-face {
	font-family: "Avenir-Thin";           
    src: url("/fuentes/Avenir/AvenirNextLTPro-MediumCn.ttf") format("truetype");
}
@font-face {
	font-family: "Avenir-Regular";           
	src: url("/fuentes/Avenir/AvenirNextLTPro-DemiCn.ttf") format("truetype");
 }
* {
  
  font-family: "Avenir-Regular","Roboto", sans-serif, "Trebuchet MS", "Lucida Sans Unicode",
    "Lucida Grande", "Lucida Sans", Arial;
  font-weight: 100;
  /* color: #102d58; /*azul oscuro*/

  /* Paleta Web */
  /*
  --rich-black: #0d1b2aff;
  --oxford-blue: #1b263bff;
  --yinmn-blue: #415a77ff;
  --silver-lake-blue: #778da9ff;
  --platinum: #e0e1ddff;
*/

  /* Paleta Web según colores logo */
  
  --negro: #313130;
  --azul-oscuro: #202a51;
  --azul: #324170;
  --azul-neon: #2ba4e2;
  --azul-claro: #4c6195;
  --azul-cielo: #bfd4e3;

  --amarillo:#fad738;

  --claro: #e0e1ddff;

  --naranja:#ff7b13;
  
  --naranja-claro:#eeba0b;

  color: var(--azul-oscuro);
}

.naranja {color: var(--naranja)}

.naranja_claro {color: var(--naranja-claro)}

.negro {
  color: var(--negro) !important;
}
.azul_oscuro {
  color: var(--azul-oscuro) !important; /*azul oscuro*/
}
.azul {
	color: var(--azul) !important; 
  }
.azul_claro {
  color: var(--azul-claro) !important; /*azul claro*/
}
.azul_cielo {
  color: var(--azul-cielo) !important; /*azul cielo*/
}
.azul_neon {
  color: var(--azul-neon) !important; /*azul neon*/
}
.claro {
  color: var(--claro) !important; 
}
.fondo_negro {
	background-color: var(--negro) !important; 
  }
.fondo_azul_oscuro {
  background-color: var(--azul-oscuro) !important; /*azul oscuro*/
}
.fondo_azul {
	background-color: var(--azul) !important; 
  }
.fondo_azul_claro {
  background-color: var(--azul-claro) !important; /*azul claro*/
}
.fondo_azul_cielo {
  background-color: var(--azul-cielo) !important; /*azul cielo/
}
.fondo_azul_neon {
  background-color: var(--azul-neon) !important; /*azul neon*/
}
.fondo_claro {
	background-color: var(--claro) !important; 
  }

.fondo_amarillo {
	background-color: var(--claro) !important; 
  }
  .fondo_naranja {
    background-color: var(--naranja); 
  }
  .fondo_naranja_claro {
    background-color: var(--naranja-claro); 
  }

.borde_azul_oscuro_redondeado {
  border: 1px solid #102d58;
  border-radius: 21px;
  -webkit-border-radius:;
  -moz-border-radius:;
  -ms-border-radius:;
  -o-border-radius:;
}

body {
  background: #fff;
}

.btn-naranja {
  font-family: Avenir-Regular;
  font-size: 9pt !important;
  --bs-btn-color: #fff;
  --bs-btn-bg: #ff7b13;
  --bs-btn-border-color: #ff7b13;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #ec7c26;
  --bs-btn-hover-border-color: #ffc720;
  --bs-btn-focus-shadow-rgb: 217, 164, 6;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #ff7b13;
  --bs-btn-active-border-color: #ffc720;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #ff7b13;
  --bs-btn-disabled-border-color: #ff7b13;
}
.btn-azul-cielo {
  font-family: Avenir-Regular;
  font-size: 9pt !important;
  --bs-btn-color: #000;
  --bs-btn-bg: #bfd4e3;
  --bs-btn-border-color: #8fa4b3;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #8fa4b3;
  --bs-btn-hover-border-color: #000;
  --bs-btn-focus-shadow-rgb: 217, 164, 6;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #bfd4e3;
  --bs-btn-active-border-color: #bfd4e3;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #bfd4e3;
  --bs-btn-disabled-border-color: #bfd4e3;
}.section-padding {
  padding: 150px 0;
}
.carousel-item {
  height: 100vh;
  min-height: 300px;
}
.carousel-caption {
  bottom: 220px;
  z-index: 2;
}
.carousel-caption h5 {
  font-size: 45px;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-top: 25px;
}
.carousel-caption p {
  width: 60%;
  font-size: 18px;
  line-height: 1.7;
}
.carousel-inner:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 1;
}
.navbar .getstarted {
  background: #6e98c7;
  margin-left: 30px;
  border-radius: 4px;
  font-weight: 400;
  color: #fff;
  text-decoration: none;
  padding: 0.5rem 1rem;
  line-height: 2.3;
}
.navbar-nav a {
  font-size: 15px;
  /*text-transform: uppercase;*/
  font-weight: 500;
}
.navbar-light .navbar-brand {
  color: #000;
  font-size: 25px;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 2px;
}
.navbar-light .navbar-brand:focus,
.navbar-light .navbar-brand:hover {
  color: #000;
}
.navbar-light .navbar-nav .nav-link {
  color: #000;
}
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
  color: #000;
}
.w-100 {
  height: 100vh;
}
.navbar-toggler {
  padding: 1px 5px;
  font-size: 24px;
  line-height: 0.3;
  background: #fff;
}
.portfolio .card {
  box-shadow: 15px 15px 40px rgba(0, 0, 0, 0.15);
}
.team .card {
  box-shadow: 15px 15px 40px rgba(0, 0, 0, 0.15);
}
.services .card-body i {
  font-size: 50px;
}
.team .card-body i {
  font-size: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .carousel-caption {
    bottom: 370px;
  }
  .carousel-caption p {
    width: 100%;
  }
  .card {
    margin-bottom: 30px;
  }
  .img-area img {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .navbar-nav {
    text-align: center;
  }
  .carousel-caption {
    bottom: 125px;
  }
  .carousel-caption h5 {
    font-size: 17px;
  }
  .carousel-caption a {
    padding: 10px 15px;
    font-size: 15px;
  }
  .carousel-caption p {
    width: 100%;
    line-height: 1.6;
    font-size: 12px;
  }
  .about-text {
    padding-top: 50px;
  }
  .card {
    margin-bottom: 30px;
  }
}

.oculto {
  display: none;
}

.opcion-visible {
  display: list-item;
}
.alerta{
  justify-content:center;
  width:70%;
  transition: opacity 0.9s ease-in;
  position:fixed;
  top:27%;
  left: 10%;
}