.hero-section {
    background: url('static/img/logo_fondo.png') center center no-repeat;
    background-size: contain;
    background-blend-mode: lighten;
    padding: 5rem 0;
    position: relative;
}
.hero-section .container {
    background-color: rgba(255, 255, 255, 0.85); /* mejora legibilidad del texto */
    padding: 2rem;
    border-radius: 1rem;
}