.full-image-section {
    position: relative;
    height: 90vh;
    min-height: 10vh;
    overflow: hidden;
    background: url('../img/tarjeta4.jpg') no-repeat center center/cover;
    display: flex;
    align-items: center; /* Centra verticalmente el contenido */
    justify-content: center; /* Centra horizontalmente el contenido */
    text-align: center; /* Asegura que el texto se centre */
    padding: 20px; /* Evita que el texto se pegue a los bordes */
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* Oscurece la imagen */
}

.impact-text {
    position: relative;
    z-index: 2;
    color: white;
    font-weight: bold;
    font-family: 'Patria', sans-serif;
    text-transform: uppercase;
    text-shadow: 3px 3px 5px rgba(19, 18, 18, 0.3);
    text-align: center;
    letter-spacing: 2px;
    top: 30vh;
    left: 2%;
    
    /* Limita el ancho para evitar saltos innecesarios */
    max-width: 100%; 
    margin: 0 auto; 

    /* Controla la cantidad de líneas */
    display: block;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.4em;
    max-height: 4em;

    /* Ajusta dinámicamente el tamaño del texto */
    font-size: clamp(7vh, 5vw, 40px);
}

/* Ajuste para tablets y pantallas medianas */
@media (max-width: 768px) {
    .impact-text {
        font-size: 7vw; /* Texto más grande, pero no excesivo */
        position: relative; /* Se mantiene dentro del flujo normal */
        top: auto; /* Evita desplazamientos fijos */
        max-width: 100%; /* No se sale del área visible */
        max-height: 9em;
        margin: 0 auto; /* Centrado horizontal */
        left: 45%;

        /* Mueve el texto hacia la izquierda */
        transform: translateX(-40%);
        text-align: center; /* Alinea el texto a la izquierda */
    }
}

/* Ajuste para móviles */
@media (max-width: 480px) {
    .impact-text {
        font-size: 9vw; /* Mantiene legibilidad en móviles */
        text-align: center; /* Centrado completo */
        max-width: 100%; /* Evita que se corte */
        max-height: 9em; /* Limita la cantidad de texto */
        line-height: 1.2em; /* Espaciado más compacto */

        /* Asegura que el texto no se salga en móviles */
        transform: translateX(-45%);
        text-align: center;
    }
}