/* Contenedor principal con tus medidas de pedrito-89 */
.container-images-us {
    position: relative;
    width: 45%; /* O el ancho fijo que tengas en correcion-pedrito-89 */
    height: 250px; /* Ajusta a tu medida necesaria */
    overflow: hidden;
    background: rgb(0, 0, 0);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
}

/* Estilo base para las imágenes */
.correcion-pedrito-89 {
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    opacity: 0;
    height: 100%;
    width: 100%;
    /* Animación total de 12s (4s por imagen) */
    animation: glitchFade 12s infinite;
}

/* Retrasos para que aparezcan una tras otra */
.correcion-pedrito-89:nth-child(1) { animation-delay: 0s; }
.correcion-pedrito-89:nth-child(2) { animation-delay: 4s; }
.correcion-pedrito-89:nth-child(3) { animation-delay: 8s; }

@keyframes glitchFade {
    0% { opacity: 0; transform: scale(1); filter: hue-rotate(0deg); }
    2% { opacity: 1; transform: translate(5px, -2px) skew(10deg); filter: contrast(200%); }
    4% { transform: translate(-5px, 2px) skew(-10deg); }
    6% { transform: translate(0); opacity: 1; }
    30% { opacity: 1; } /* Se queda estática un tiempo */
    33% { opacity: 0; transform: scale(1.1); filter: brightness(200%); }
    100% { opacity: 0; }
}

.container-images-us::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%), 
                linear-gradient(90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06));
    background-size: 100% 4px, 3px 100%;
    z-index: 10;
    pointer-events: none;
}

.tv-area {
    height: max-content;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px 0 20px;
}

.phrase-travel, .phrase-us {
    width: 100%;
    height: max-content;
    text-align: center;
    padding: 0;
}

.phrase-us p {
    font-size: 32px;
    font-weight: 700;
    color: var(--color-primary-medium);
    margin-bottom: 0px;
}

.phrase-travel p {
    font-size: 26px;
    font-weight: 600;
    font-style: italic;
    color: #333333;
    margin-bottom: 0px;
}

.information-agency {
    padding: 20px 3rem;
}

.divisor-img {
    width: 100%;
    height: 180px;
    object-fit: cover;
}

.content-inf-area {
    width: 100%;
    height: max-content;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    gap: 15px;
    margin-top: 20px;
    padding: 0 3rem;
}

.why-choose-two__img {
    display: flex;
    gap: 20px; 
    align-items: stretch;
}

.why-choose-two__img__one {
    flex: 2; 
}

.why-choose-two__img__one img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 15px; 
}

.why-choose-two__img__two {
    flex: 1; 
    display: flex;
    flex-direction: column; 
    gap: 20px; 
}

.why-choose-two__img__two .trevlo-tilt {
    flex: 1;
}

.why-choose-two__img__two img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 15px; 
}

@media (max-width: 768px) {
    .why-choose-two__img {
        flex-direction: column;
    }
    
    .why-choose-two__img__one, .why-choose-two__img__two {
        width: 100%;
    }
    
    .why-choose-two__img__one img {
        height: 320px; 
    }
}

@media (max-width: 1280px) {
    .container-images-us {
        width: 70%;
    }
    .information-agency {
        padding: 20px 1rem;
    }
    .resp-padd {
        padding: 20px 1rem !important;
    }

    .content-inf-area {
        padding: 0 1rem !important;
    }
}

@media (max-width: 1024px) {
    .container-images-us {
        width: 80%;
    }
    .information-agency {
        padding: 20px 0rem;
    }

    .resp-padd {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}