@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
.hero {
    background: linear-gradient(rgba(5,7,12,0.75),rgba(5,7,12,0.75)), url(https://media.istockphoto.com/id/887035580/es/foto/cami%C3%B3n-blanco-conduciendo-por-la-carretera-asfaltada-al-lado-del-campo-verde-en-paisaje-rural.jpg?s=612x612&w=0&k=20&c=cnQvbzN8EjvpWAurtA--JhZ-r5-lqFPJaKQegQtFB1o=) no-repeat center center;
    background-size: cover;
    color: white;
    padding: 200px 0;
    box-shadow: 0px 10px 20px 0px rgb(37 144 115 / 50%);
}

.developer-card {
    border: none;
    border-radius: 10px;
    padding: 20px;
    text-align: center;
    margin-bottom: 30px;
    transition: transform 0.2s;
    background-color: #2e493a;
    box-shadow: 0px 0px 10px 0px rgb(37 144 115 / 50%);
}
.developer-card:hover {
    transform: scale(1.05);
}
.developer-img {
    width: 180px;
    height: 180px;
    border-radius: 50%;
    margin-bottom: 15px;
    object-fit: cover;
}
.developer-card-container {
    margin-bottom: 30px; /* Espaciado adicional entre las filas de desarrolladores */
}
.feature-icon {
    font-size: 40px;
    color: #259073; /* Color del icono */
    margin-bottom: 15px;
}
.hidden {
    opacity: 0;
    transform: translateY(30px); /* Más movimiento hacia abajo para una mejor entrada */
    transition: opacity 1.2s ease-out, transform 1.2s ease-out; /* Aumenta la duración de la animación */
}
.visible {
    opacity: 1;
    transform: translateY(0);
    transition: opacity 1.2s ease-out, transform 1.2s ease-out; /* Aumenta la duración de la animación */
}

/* Body */
html{
    scroll-behavior: smooth;
}

body{
    background-color: #0d110d;
    color: #E9FFEB;
}


/* Header */

.bg-dark {
    background-color: #0d110d!important;
}
.navbar{
    box-shadow: 0px 0px 10px 0px rgb(37 144 115 / 50%);
}
.navbar-dark .navbar-nav .nav-link {
    color: #27a784;
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color:#328f76;
    font-weight: bold;
}

/*DEmas*/
.btn-primary {
    color: #ffffff;
    background-color: #259073;
    border: none;
     
}
.btn-primary:hover{
    background-color: #f3ed9f;
    color: #259073;
}
.bg-light {
    background-color:#0d110d !important;

} 
.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #343a40;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.form-control:focus {
    color: #ffffff;
    background-color: #3a3e41;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
}
.btn-success {
    color: #fff;
    background-color: #259073;
   
}
.btn-success:hover{
    background-color: #f3ed9f ;
    border: none;
} 


/*_Nostros*/
.row{
    justify-content: center;
}
@media (min-width: 768px){

    .col-md-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 50%;
    }
}