* {
      box-sizing: border-box;
    }
body {
  margin: 0;
  font-family: Arial, sans-serif;
  background-color:#F2F2F2;
  height: 100%;
  
    }



.container-fluid{
  gap: 20px;
}

.navbar{
  background: white;
  padding-left: 40px;
  padding-right: 40px;
  padding: bottom 20px;
  padding-top: 20px;
  font-size: 16px;
 
  
}
.collapsenavbar-collapse{
  gap: 40px;
}

.marca-logo{
 height: 40px;
 

}

.nav-link{
  color:black;
  font-size: 16px;
}

.nav-link:active{
  color: black;
}

.nav-link:hover{
  color: black;
}

/* color blanco de visited link
.navbar-nav.nav-item.nav-link:visited{
  color:rgb(246, 242, 242) !important;
  

.navbar-expand-lg .navbar-collapse :visited{
  color: rgb(255, 255, 255) ;
}
*/


.dropdown-menu{
  background-color:white;
  margin-right: 20px;

}


.dropdown-item{
      color: #648317;;
      font-size: 15px;
    }
.dropdown-item:hover{
  color:#91BD21;
  text-decoration:underline;
}

a.nav-link.dropdown-toggle::after{
  color: #91BD21;
}
span{
   color: #91BD21;

}
.dropdown-link-active-bg{
  background-color: white;
}
.item-menu-sitio{
  background-color:#cafdf4;
  color: black;
  font-size: 14px;
  align-self: auto;

}
.item-menu-sitio:visited{
  background-color:#cafdf4;
}

    
.btn-menu{
  background-color: #00C5A3; 
  border-radius:12px;
  height:50px;
  width: 150px;
  text-align: center;
  color:black;
  align-items: center;

}
.btn:hover{
  background-color: #81ffea;
  border-color: #00C5A3;
  border-radius: 12px;

}
.btn-menu:visited{
   background-color: #00C5A3; 
   border-color:#00C5A3;
   border-radius: 12px;

}

.btn-inicio{
  background-color: transparente; 
  border-radius: 12px;
  height: 50px; 
  width: 150px;
  border-color: black;
  text-align: center;
  align-items: center;

}

  
.btn-inicio:hover{
  background-color: #c6fff5;
  border-color: #81ffea;
  border-radius: 12px;

}


.row{
  background-color: white;
}

.text-inicio{
  margin-top: 90px;
  padding: 100px;
  align-items: center;

}

.text{
    position: absolute;
    top: 65%;
    left: 4%;
    transform: translateY(-50%);
    color: white;
    font-size: 1.5vw;
    padding: 20px;
    font-weight: bold;
    white-space: nowrap;
    font-weight: 100;
}

.main-container{
  position: relative;
}

h1,h2{
  
  text-align: center;
  align-items: center;
  color: white;
  color: #5f25C7;

}
h2{
  font-size: 34px;
}
h1{
  font-weight:bold;
}
.col{
  text-align: right;
  padding-top:3px; 
  margin-right:40px;
  margin-bottom: -2px;
  margin-top: 10px;
  font-size: 14px;
  color: rgb(82, 82, 82); 
  font-weight: 100;
}
.mi-sesion{
  text-align: center;
  align-content: center;
  align-items: center;
}
.text-misesion{
  text-align: left;
 

}

p{
  text-align: center;
  align-items: center;
  color: black;
  font-size: 14px;
  font-weight: 400;
}

  @media (max-width: 768px) {
    h1 {
      font-size: 24px; /* Reducir tamaño de fuente */
     
    }
  }

  @media (max-width: 768px) {
    h2 {
      font-size: 20px; /* Reducir tamaño de fuente */
      
    }
  }

  @media (max-width: 768px) {
    p {
      font-size: 12px; /* Reducir tamaño de fuente */
      
    }
  }

  footer {
background-color: rgb(33,33,33);
padding: 10px; /* Mantiene el padding de arriba y abajo */
width: 100%; /* Asegura que el footer ocupe el 100% del ancho de la pantalla */
box-sizing: border-box; /* Incluye padding en el cálculo del ancho total */
  
}

.footer-container{
display: flex; 
justify-content: center; 
align-items: center; 
flex-direction: row; /* Asegura que las columnas estén en fila */
margin-left: auto; /* Centra el contenido */
margin-right: auto; /* Centra el contenido */
}

.marcas-footer{
width: 100px;
}