/* --- NUEVO FONDO CON IMAGEN CORPORATIVA BMH --- */
.pleca-con-greca {
    /* Mantenemos tu Gris Oficial como color de respaldo */
    background-color: #3F4E57 !important; 
    
    /* CAMBIO AQUÍ: Sustituimos el SVG por tu imagen */
    /* Reemplaza 'imagenes/tu-nueva-imagen.jpg' por tu ruta real */
    background-image: url('../imgs/slider12.png') !important;

    /* Ajustes para que la imagen se vea perfecta */
    background-position: center;   /* Centra la imagen */
    background-size: cover;        /* La imagen cubre toda la sección */
    background-repeat: no-repeat;  /* Evita que la imagen se duplique */

    /* Estructura base para controlar el sombreado por capas */
    position: relative;
    overflow: hidden;

    /* Sombreado interno y externo para dar profundidad */
    box-shadow: inset 0 180px 40px rgba(0, 0, 0, 0.38),
                inset 0 -18px 40px rgba(0, 0, 0, 1),
                0 12px 24px rgba(0, 0, 0, 0.2);
    
    /* Añadimos un poco de padding si sientes que el contenido queda muy pegado */
    padding: 60px 0; 
}

/* Capa de sombreado para mejorar lectura del texto sobre la imagen */
.pleca-con-greca::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.35) 0%,
        rgba(0, 0, 0, 0.15) 45%,
        rgba(0, 0, 0, 0.35) 100%
    );
    pointer-events: none;
}

/* Asegura que el contenido quede por encima de la capa de sombra */
.pleca-con-greca > * {
    position: relative;
    z-index: 1;
}