.fondo {
    background-image: url(..//images/inicio/BANNER_INICIO1.png);
    background-attachment: fixed;
    background-size: cover;
    background-position: top center;
    z-index: -1; 
}

.fondo-nosotros {
    background-image: url(..//images/nosotros/BANNER_NOSOTROS1-1.png);
    background-attachment: fixed;
    background-size: cover;
    background-position: top center;
    z-index: -1;
}

.fondo-proyectos {
    background-image: url(..//images/proyectos/BANNER_PROYECTOS1-1.png);
    background-attachment: fixed;
    background-size: cover;
    background-position: top center;
    z-index: -1;
}

.fondo-encurso {
    background-image: url(..//images/encurso/BANNER_ENCURSO-1.png);
    background-attachment: fixed;
    background-size: cover;
    background-position: top center;
    z-index: -1;
}

@media (max-width: 992px) {
    .fondo {
        background-position: right center;
        background-attachment: scroll;
    }
}

@media (max-width: 576px) {
    .fondo {
        background-position: 80% center;
        background-attachment: scroll;
    }
}

/* linea blanca lado del texto */
.linblan {
    border-left: 2px solid white;
    padding-left: 50px;

}


.negrita {
    font-weight: 600;
}


.fmedio {
    background-image: url('../images/inicio/BANNER-FILOSOFIA-1.png');
    background-attachment: fixed;
    background-size: contain;
    background-repeat: no-repeat; 
    background-position: center center; 
    z-index: -1;
    
}





        /* Imagen superpuesta solo en pantallas grandes */
        .imagen-superpuesta img {
            position: relative;
            top: -120px;
            /* La subimos un poco */
            transition: top 0.3s ease-in-out;
        }
        /* .banner-superpuesto img {
            position: relative;
            top: -220px;
           
            transition: top 0.3s ease-in-out;
        } */

        /* Cuando la pantalla sea menor a 992px (tablet y móvil) */
       



        .footer1 {
    background-image: url(..//images/BANNER_AGENDA.png);
    background-attachment: fixed;
    background-size: cover;
    background-position: top center;
    z-index: -1;
}


.footer2 {
    background-image: url(..//images/FOOTER.png);
    background-attachment: fixed;
    background-size: cover;
    background-position: top center;
    z-index: -1;
}



      
.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 */
}


.objeto-superpuesto-iz {
 position: static;   /* sigue en el flujo normal */
  margin-left: -90px; /* se “sale” 50px de su contenedor hacia la izquierda */
  z-index: 100; /* asegura que quede encima */
}

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

        /* Opcional: quitar el borde redondeado en móviles si lo prefieres */
        @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;
  }

        }