/* estilos_historia.css */

/* Solución a la superposición del encabezado */
#historia-intro {
    padding-top: 150px; /* Ajusta este valor si es necesario */
}

/* Estilos de las tarjetas y secciones */
section.contenedor {
    padding-top: 60px;
    padding-bottom: 60px;
}

#historia-video .card {
    text-align: center;
}

#historia-video video {
    width: 100%;
    max-width: 800px;
    border-radius: 12px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

#historia-fundador .subcontenedor {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    align-items: center;
}

.img-card {
    padding: 0;
    text-align: center;
}

.img-card img {
    width: 100%;
    height: auto;
    border-radius: 12px;
}

/* Media Query para pantallas más pequeñas */
@media (max-width: 768px) {
    #historia-intro {
        padding-top: 100px;
    }
    
    #historia-fundador .subcontenedor {
        grid-template-columns: 1fr;
    }
}