.bienestar-container .texto h2 {
            font-size: 2rem;
            /* ajusta según tu diseño */
            font-weight: 400;
            line-height: 1.3;
            text-transform: uppercase;
            /* si quieres forzar mayúsculas */
        }

        .bienestar-container .texto h2 span {
            font-weight: 700;
            /* destacar "BIENESTAR" */
            color: #000;
            /* cambia al color de la marca */
        }

        .objeto-superpuesto {
            position: absolute;

            /* lo sube un poco por encima del div */
            right: 30px;
            /* lo empuja a la derecha, incluso fuera un poco */
            z-index: 100;
            /* asegura que quede encima */
        }


        /* banner de imagenes parte media */

        /* Ajusta la altura del banner según dispositivo */
        .img-banner {

            width: 100%;
            height: 500px;
            /* altura en desktop */
            object-fit: cover;
            /* importante para no deformar y cubrir el área */
            z-index: -50;


            /* background-attachment: fixed;
    background-size: contain;
   
    background-position: center center;  */
        }





@media (max-width: 992px) {
            .img-banner {
                height: 320px;
            }

        }



        /* revisar */





        @media (max-width: 576px) {
            .img-banner {
                height: 220px;
            }
        }

        /*  */
        @media (max-width: 576px) {
            .img-banner.rounded {
                border-radius: 8px;
            }
        }

        @media (max-width: 987px) {

            .ocultoban {
                display: none;
            }

            .visibleban {
                display: block;
            }

        }

        @media (min-width: 987px) {

            .ocultoban {
                display: block;
            }

            .visibleban {
                display: none;
            }

        }