/* ESCRITORIO */

/* Tipografía fluida: escala automáticamente según el ancho de pantalla */
.fluid-titulo {
    font-size: clamp(1.6rem, 5vw, 3.5rem);
    line-height: 1.1;
}
.fluid-contenido {
    font-size: clamp(0.95rem, 2vw, 1.2rem);
}

/* Margen del titulo */
.contenedor-texto {
    padding-left: 3rem !important; /* Esto es el equivalente a pl-12 */
}


/* MÓVILES */
@media (max-width: 768px) {

    /* Reducir el círculo de las flechas */
    #prevBtn, #nextBtn {
        padding: 3px !important; /* Círculo más pequeño */
    }
    #prevBtn svg, #nextBtn svg {
        width: 20px !important; /* Icono más pequeño */
        height: 20px !important;
    }

    /* Subir el bloque de texto */
    .absolute.inset-0.flex {
        padding-bottom: 80px !important; /* Ajustar este número para subir/bajar */
    }

    /* Forzar posición de flechas */
    #prevBtn {
        left: 5px !important; /* Ajústarlo a 0px si se quiere que toque el borde */
        position: absolute !important;
    }
    #nextBtn {
        right: 5px !important;
        position: absolute !important;
    }

    /* Margen del titulo */ 
    .contenedor-texto {
      padding-left: 0.6rem !important;  
    }

}