/*LAPTOPS Y TABLETS GRANDES*/
@media screen and (max-width: 1024px){
    
}

/*TABLETS MEDIANAS*/
@media screen and (max-width: 768px){
}

/*TELEFONOS CELULARES*/
@media screen and (max-width: 480px){
    .container-principal {
        margin-top: 14rem;
    }

    .cuatro iframe {
        width: 100%;
        border-radius: 14px;
        height: auto;
    }

    .cuatro {
        width: 90%;
    }


    .dos img {
        border-radius: 10px;
    }

    .container-principal .img1 {
        border-radius: 15px;
    }

    .principal-dos {
        padding: 0;
        width: 100%;
        margin-top: 6rem;
    }

    .tit-2 h1{
        font-size: 3.5rem !important;
    }

    .tit-2 {
        width: 88% !important;
    }

    .carousel {
        width: 100%;
        display: block;
    }

    .container-carousel-item {
        margin-bottom: 15rem;
    }

    .m333 {
        margin-bottom: 0rem !important; /*REDUCIR EL ESPACIO ENTRE EL FOOTER Y LA FOTO DE ARMANDO*/
    }

    .carousel-item {
        width: 210px;
        height: 210px;
        margin: 0;
        padding: 0;
        
    }

    .carousel-item img {
        width: 203px;
        height: 203px;
        margin: 0.43rem;
    }

    .letters-carousel h2 {
        font-size: 2.5rem;
        margin-top: 3rem;
    }

    .letters-carousel h3 {
        font-size: 1.9rem;
    }

    .parrafo {
        width: 100%;
    }

    .parrafo p {
        width: 100% !important;
        margin: 0 4.5rem !important;
        margin-right: 0 !important;
        font-size: 1.8rem !important;
        margin-right: 3rem !important;
    }

    .caja-v {
        width: 100% !important;
        height: auto; 
        position: relative; /* Establece una posición relativa para el contenedor */
        margin-left: 0;
        border-radius: 0;
    }

    .caja-v2 {
        width: 100%;
        border-radius: 20px !important;
        height: 90rem !important;
    }

    .imagen1 {
        width: 85%;
        height: auto;
        margin: 0 !important;
        top: 0;
        left: 10%;
    }

    .imagen2 {
        width: 85%;
        top: 42rem;
        left: 10%;
        height: auto;

    }
    
    .caja-v1 {
        width: 100%;
        height: auto; /* Ajusta la altura al 100% del contenedor */
        object-fit: cover; /* La imagen se escala y recorta para llenar el contenedor */
        position: relative; 
        top: 0;
        left: 0;
        border-radius: 20px !important;
    }

    .caja {
        width: 100%;
    }

    .caja img {
        border-radius: 12px;
    }

    .carousel-container {
        display: block;
    }


}

/*DISPOSITIVOS MAS PEQUEÑOS EN CASO SUCEDA*/
@media screen and (max-width: 320px){
    
}