.pt-2 {
    color: white;
}
.prose{
    line-height: 0.9;
}
.prose p{
    line-height: 0.9;
    padding: 0px 0px 0px;
    margin: 10px 0px 0px;
}

@media screen and (max-width: 768px) {
    .titleSchool h3 {
        display: flex;
        justify-content: center;
        font-size: xx-large;
    }
    
}

.-translate-y-\[55px\] {
    --tw-translate-y: -100px !important;
}

@media screen and (max-width: 768px) {
    .-translate-y-\[55px\] {
        --tw-translate-y: -55px !important;
    }
    
}

/* Base: Modo móvil (horizontal) */
.swiper-button-prev,
.swiper-button-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    z-index: 10;
}

/* Escritorio (modo vertical) */
@media screen and (min-width: 1024px) {
    .school-photo-slider {
        position: relative; /* Muy importante para que los botones se posicionen dentro */
    }

    .swiper-button-prev,
    .swiper-button-next {
        position: absolute;
        left: 50%;
        transform: translateX(-50%) rotate(90deg);
        z-index: 10;
    }

    .swiper-button-prev {
        top: 30px; /* botón superior dentro del contenedor */
    }

    .swiper-button-next {
        bottom: 30px; /* botón inferior dentro del contenedor */
        transform: translate(-50%, 790%) rotate(90deg); /* 👈 este cambio lo empuja visualmente al fondo */
    }
}