@media (max-width: 1024px) {        
    .container_servicios {
        gap: 5rem;
    }

    .service_card {
        flex-direction: column;
        max-width: 60%; 
        margin: 0 auto; 
    }

    .service_card-img img {
        border-radius: 8px 8px 0 0;
    }

    .service_card-info h3 {
        font-size: 15px; 
    }

    .service_card-info p {
        font-size: 11px; 
    }

    .round-button {
        width: 40px;
        height: 40px;
    }

    .round-button i {
        font-size: 1.3rem;
    }

    .round-buttons-container {
        display: flex;
        justify-content: center;
        gap: 15px; 
        position: absolute;
        top: 50%; 
        left: 50%;
        transform: translate(-50%, -50%); 
        z-index: 10;
    }

    .guards-text {
        right: 4rem;
    }

    .guards-text h2{
        font-size: 2rem;
    }

    .guards-text h3 {
        font-size: 2rem;
    }

    .guards-description {
        right: 4rem;
        max-width: 400px;
        max-height: 500px;
    }

    .guards-description p{
        font-size: .9rem;        
    }
    
    .guards-image{
        width: 40%;        
        margin-left: 0px; 
        bottom:-8%
    }

    .menu-values ul {
        flex-direction: row;
        justify-content: space-around;
    }

    .contenido-container {
        flex-direction: column;
        gap: 10px;
    }

    .video-container, .texto-container {
        max-width: 100%;
        width: 100%;
        text-align: center;
    }

    .video-container {
        height: 1200px;
    }
    
    .footer__content {
        display: flex;
        flex-direction: column;
        align-items: center; 
        text-align: center;
    }

    .footer__social-icons {
        display: flex;
        justify-content: center; 
        gap: 1rem;
        margin-top: 1rem;
    }

    .footer__social-icon {
        font-size: 1.5rem;
        transition: color 0.3s ease;
    }

    .footer__social-icon:hover {
        color: #FC5C00;
        transform: scale(1.1);
    }
}