.hero-section {
    position: relative;
    background: url('../../img/bgp.png') no-repeat center center;
    background-size: cover;
    padding: 120px 0;
    color: #fff;
    overflow: hidden;
}

/* Overlay oscuro para que el texto se lea bien */
.hero-section::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.55);
}

/* Asegura que el contenido quede arriba del overlay */
.hero-section .container {
    position: relative;
    z-index: 2;
}

/* Estilos de texto */
.hero-section h1 {
    font-weight: 800;
    font-size: 48px;
}

.hero-text {
    font-size: 16px;
    opacity: 0.9;
    margin-bottom: 20px;
}