:root {
  --Gothanbold: './fonts/GothamBold.ttf'; 
  --archivo: './fonts/Archivo-Italic.ttf';
  
  
  --VerdeEucalipto: #278C5D;
  --VerdeMenta: #AAFF85;
  --VerdeMalaquita: #00D54F;
  --VerdeMocasin: #F3F8EE;
  --GrisBrillante:#3D4452;
}

@font-face {
  font-family: var(--archivo);
  src: url('./fonts/Archivo-Italic.ttf');
}


* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Archivo", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  
}

/* h5{
  font-family: var(--Neuehaas);

} */
.sub{
  font-family: var(--Neuehaas) !important;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5) !important;
}

.navbar{
  font-family: var(--Neuehaas);
  background: var(--VerdeMocasin) !important;
}

/* Estilos específicos para modo oscuro */
.dark-mode {
  background-color: #278C5D;
 
}

.dark-mode .navbar {
  background-color: #278C5D !important;
}

.dark-mode .navbar-nav .nav-link {
  color: #fff !important;
}

.dark-mode .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

/* Estilo para el logo en modo oscuro */
.dark-mode .logo-light {
  display: none;
}

.dark-mode .logo-dark {
  display: block;
}

.btn-drk{
  background: var(--VerdeEucalipto) !important;
  color: #fff !important;
  font-family: var(--Neuehaas) !important;
  }

  /* Estilo section globo */

.bg-globo{
  background-image: url('./assets/img/fondohome.jpg');
  background-size: cover;
  background-repeat: no-repeat;
}

.l-text-home{
  
  font-size: 27px !important;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
 

}
.ws-1{
color: black;
  font-size: 30px;
}

.list-g a li{
font-family: var(--Neuehaas);
color: var(--VerdeEucalipto);
list-style: none !important;
}

.text-gray{
  font-weight: 500;
  color: var(--GrisBrillante);
  margin: 0%;
 

}

.text-green{
  color: var(--VerdeEucalipto);
  font-weight: 500;
  margin: 0%;
}

b{
  color: var(--VerdeMalaquita);
}

/* animacion flotante */

@keyframes float {
    0% {
      transform: translateY(0);
  }
  50% {
      transform: translateY(-20px); /* Ajusta este valor según la distancia que quieras que flote */
  }
  100% {
      transform: translateY(0);
  }
}

.floating-image {
  width: 200px; /* Ajusta el tamaño de la imagen según sea necesario */
  height: auto; /* Mantiene la proporción de la imagen */
  animation: float 3s ease-in-out infinite;
}

/* fin animacion flotante */



@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}

@media (max-width: 767px) {
  .l-inicio {
    width: 100%;
  }

  .text-foot {
    margin-right: 0;
  }
}

/* Animación para los aviones */

@keyframes move-and-back {
  0% {
    transform: translateX(0); /* La animación comienza sin desplazamiento horizontal */
  }
  50% {
    transform: translateX(50px); /* El avión se desplaza 500px hacia la derecha */
  }
  100% {
    transform: translateX(0); /* El avión regresa a su posición inicial */
  }
}



/* Para dispositivos móviles */
@media (max-width: 768px) {
  .l-inicio {
    text-align: center; /* Centrar el texto */
  }

  .isotipo{
    max-width: 50%; 
    position: relative; 
    top: 20px !important;
  }

}

 /* Fin Estilo section globo */

  /* nosotros */
.bg-nosotros{
  background-image: url('./assets/img/HOME2.png');
  background-size: cover;
  background-repeat: no-repeat;
}

.circle {
  border-radius: 50%; /* Define el radio de los bordes en píxeles */
  background-color: var(--VerdeEucalipto); /* Color de fondo del contenedor */
  padding: 15px; /* Añade espacio interno al contenedor */
}

.circle img {
  max-width: 100%;
  max-height: 100%;
}

.box-border{
  border-style: solid;
  border-width: 3px 3; /* 5px top and bottom, 20px on the sides */
  border-color: var(--VerdeMocasin);
}

.colorverde{
  background: #31966c;
  opacity: 0.7;
}

 /* Fin nosotros */

 /* lo que hacemos */
 .bg-loquehacemos{
  background-image: url('./assets/img/HOME2.png');
  background-size: cover;
  background-repeat: no-repeat;
 
 }

 .text-pruduct{
 font-size: 30px !important;
 text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
 text-align: center;

 }

 .bg-loquehacemos2{
  background-color:#F3F8EE;
 }

  /* Fin lo que hacemos */

    /* Fin COMO LO HACEMOS */
 .bg-como{
  background-image: url('./assets/img/HOME2.png');
  background-size: cover;
  background-repeat: no-repeat;
 }

 .card-title{
  color: var(--VerdeMalaquita);
 }

 .btn-malaquita{
  background-color: var(--VerdeMalaquita);
  color: #fff;
 }

 .padding-section-3{
  padding: 100px;
 }
 
 /* Fin COMO LO HACEMOS */


.bg-contact{
  background: var(--VerdeMocasin);
}

/* footer */
.foot{
  background: var(--VerdeEucalipto);
  padding: 20px 0;
  
}

.text-foot{
  color: #fff;
  font-family: var(--cormorantMedium);
  margin-right: 10px;
}

/* fin footer */




#sendmessage{
  display: none;
}