/* ----------- seccion 1 ----------- */

.section_1_proyectos {
            
    height: 300px;
    width: 100%;
    /* background-color: orange; */
    padding-top: 75px;
}

.proyectos_botones {
    display: flex;
    min-height: 100px;
    min-width: 500px;
    /* background-color: red; */
    margin: auto;   
    margin-bottom: 30px;         
}
.proyectos_botones button {
    margin: auto;
    width: 250px;
    height: 55px;
    border-radius: 50px;
}

.proyectos_contender_proyectos{
    
    min-height: 100px;
    width: 100%;
    /* border: 1px solid gray; */
}

.proyectos_contender_proyectos .fila {
    height: 400px;
    display: flex;
}
.recuadro_proyecto {
    /* border: 1px solid grey; */
    height: 100%;
    width: 33.3333%;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}
.fila {
    margin-bottom: 7px;
}
.proyectos_contender_proyectos .left,
.proyectos_contender_proyectos .center {
    margin-right: 7px;
}
.recuadro_proyecto img {
    width: 100%;
    display: block;
    position: relative;
    z-index: 0;
}
    .proyectos_capa {
        position: absolute;
        background-color: rgba(61, 61, 71, 0.23);
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 1;
    }
    .proyectos_capa_hover {
        position: absolute;
        /* background-color: #40db867f; */
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 2;
        transition: .5s;
        display: flex;
        background-color: #40db868e;
        display: none;
    }

    .recuadro_proyecto:hover .proyectos_capa_hover {
    display: flex;
    }

    .recuadro_proyecto p {
        margin: auto;
        font-family:Arial, Helvetica, sans-serif;
        font-size: 30px;
        color: white;
    }
    .proyectos_botones p {
        margin: auto;
        font-size: 50px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 600;
        color: rgb(23, 151, 0);
    }



    @media screen and (max-width: 768px) {
.section_1_proyectos {
padding-top: 50px;
height: auto; /* Ajuste automático de altura para contenido móvil */
}

.proyectos_botones {
display: block;
min-width: auto;
margin-bottom: 20px;
text-align: center; /* Centramos el título en la pantalla móvil */
}

.proyectos_botones p {
font-size: 35px; /* Ajuste del tamaño de fuente del título */
}

.proyectos_contender_proyectos .fila {
display: block; /* Cambia el diseño de filas a columnas para móvil */
height: auto;
}

.recuadro_proyecto {
height: 300px;
width: 100%; /* Cada proyecto ocupa el 100% del ancho en móvil */
margin-bottom: 15px;
}

.proyectos_contender_proyectos .left,
.proyectos_contender_proyectos .center {
margin-right: 0; /* Elimina el margen lateral en la versión móvil */
}

.proyectos_capa_hover p {
font-size: 22px; /* Ajuste del tamaño de fuente del texto de hover */
}
.o, .m {
display: none;
}
}

@media screen and (max-width: 480px) {
.proyectos_botones p {
font-size: 28px; /* Ajuste adicional del tamaño de fuente del título para pantallas más pequeñas */
}

.proyectos_capa_hover p {
font-size: 18px; /* Ajuste adicional del tamaño de fuente del texto de hover */
}

.recuadro_proyecto {
margin-bottom: 10px; /* Ajuste de margen inferior en pantallas más pequeñas */
}

.header_right {
transform: translateX(20px);
}
}

/* ------------- fin seccion 1 -----------------   */









/* ------------------- footer ------------------ */

@media screen and (max-width: 768px) {
    footer {
        margin-top: 100px;
    }
}