@media (min-width: 481px) and (max-width: 767px){
    div#s3-id-1 {
        display: flex;
        flex-direction: column-reverse;
    }
    body {
        font-family: Arial, sans-serif;
        margin: 0;
        padding: 0;
        background-color: white;
    }
    h1, h2, h3, h4, h5, h6, p, a{
        margin: 0;
        padding: 0;
    }
    .mapa{
        justify-content: center;
        display: flex;
        margin-top: 0px;
        margin-bottom: 50px;
        border: solid 1px #b9b9b98e;
    }
    .contenedorboton{
        padding-top: 16px;
        padding-bottom: 16px;
    }

    .rebox-image-start{
     display: flex;
     justify-content: center;
    }
    

  
    .seccionuno{
        background-image: url("../pictures/20230402_132530.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        color: #fff;
        background-attachment: fixed;
        background-position-x: center;
        h1{
            text-align: center;
            font-size: 40px;
            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
            padding-top: 15px;
            padding-bottom: 15px;
        }
        .textoportada{
        text-align: center;
        font-size: 25px;
        }
        .textouno{
        font-size: 30px;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
        padding-top: 15px;
        padding-bottom: 15px;
        text-align: center;
        }
        .capauno{
        padding-top: 140px;
        padding-bottom: 100px;
        background-color: #00000075;
        }
    }
    
    .secciondos{
        h2{
            padding-top: 16px;
            padding-bottom: 16px;
            font-size: 38px;
            text-align: center;
        }
        p{
            padding-top: 16px;
            padding-bottom: 16px;
            font-size: 20px;
        }
    
        .box-one{
            width: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        .box-two{
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
        }
    
        .box-two .boximg{
            max-width: 60%;
            margin-top: 25px;
            border-radius: 50%;
            height: fit-content;
        }
       
        .boxes-secciondos{
            display: flex;
            flex-direction: column;
        }
    }
    
    .secciontres{
        h1{
            padding-top: 16px;
            padding-bottom: 16px;
            font-size: 36px;
            text-align: center;
            color: #f86602;
        }
        h2{
            font-size: 36px;
            text-align: center;
        }
        p {
            padding-top: 15px;
            font-size: 20px;
            padding-bottom: 15px;
            text-align: left;
        }
        
        .sub-uno p{
            color: #333;
        }
        .sub-uno{
            text-align: center;
            margin-bottom: 15px;
        }
    
    
        .box-one .content-box-one{
            display: flex;
            flex-direction: column;
        }
    
        .box-one .sub-one{
            width: 100%;
            display: flex;
            justify-content: center;
        }
    
        .box-one .text-sub-one{ 
            display: flex;            
            flex-direction: column;         
            justify-content: center;
        }
    
        .box-one .sub-two{
            width: 100%;
            display: flex;
            justify-content: center;
            flex-direction: column;
            align-items: center;
        }
    
        .sub-two .boximg{
            max-width: 100%;
            margin-top: 15px;
            height: fit-content;
            border-radius: 5%;
        }
      
    }
    
    .seccioncuatro{
        h3{
            text-align: center;
            padding-top: 16px;
            padding-bottom: 16px;
            font-size: 34px;
        }
        h4{
            padding-top: 16px;
            padding-bottom: 16px;
            font-size: 23px;
        }
        p {
            padding-top: 10px;
            padding-bottom: 10px;
            font-size: 21px;
        }
    }
    
    .seccioncinco{
        h3{
            padding-top: 16px;
            padding-bottom: 16px;
            font-size: 34px;
            text-align: center;
        }
        h4{
            padding-top: 16px;
            padding-bottom: 16px;
            font-size: 23px;
        }
        p {
            padding-top: 0;
            padding-bottom: 40px;
            font-size: 21px;
        }
    }
    .seccionseis{
        h2{
            padding-top: 16px;
            padding-bottom: 16px;
            font-size: 34px;
            text-align: center;
        }
        p{
            padding-top: 10px;
            padding-bottom: 10px;
            font-size: 21px;
        }
    }
    
    .seccionsiete{
        h4{
            padding-top: 16px;
            padding-bottom: 16px;
            font-size: 38px;
            text-align: center;
        }
        p {
            padding-top: 10px;
            padding-bottom: 10px;
            font-size: 21px;
        }
    }
    
    .seccionocho{
        h3{
            padding-top: 16px;
            padding-bottom: 16px;
            font-size: 38px;
            text-align: center;
        }
        h4{
            padding-top: 16px;
            padding-bottom: 16px;
            font-size: 23px;
        }
        p {
            padding-top: 10px;
            padding-bottom: 10px;
        }
    }
    
    .seccionnueve{
        h2{
            padding-top: 16px;
            padding-bottom: 16px;
            font-size: 36px;
            text-align: center;
        }
        p {
            padding-top: 10px;
            padding-bottom: 10px;
            font-size: 21px;
        }
    }
    
    
    
    .capauno .boxes{
        display: flex;
        flex-direction: column;
    }
    
    
    .boxes .textoportadaanimado{
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    

    
    .image-start{
        max-width: 60%;
        height: auto;
        animation: bounce 2s;
    }
    @keyframes bounce {
        0% {
            transform: translateX(100%);
        }
        50% {
            transform: translateX(-10%);
        }
        100% {
            transform: translateX(0);
        }
    }
    
    .titulares{
        opacity: 0;
        transform: translateY(-50px);
        transition: opacity 0.5s ease, transform 0.5s ease;
    }
    .titulares.activa{
        opacity: 1;
        transform: translateY(0);
    }
    
    
    .textoportadaanimado {
        opacity: 0; /* Inicialmente oculto */
        transform: translateY(-50px); /* Desplazamiento inicial */
        transition: opacity 0.5s ease, transform 1s ease; /* Transiciones suaves */
    }
    
    .textoportadaanimado.activa {
        opacity: 1; /* Mostrar el elemento */
        transform: translateY(0); /* Volver a la posición original */
    }
    
    /* Estilos para la .secciondos */
    .secciondos {
        padding-top: 70px;
        padding-bottom: 70px;
        background-color: #f3f3f3; /* Fondo con color */
    }
    
    /* Estilos para la .secciontres */
    .secciontres {
        padding-top: 70px;
        padding-bottom: 70px;
        /* Fondo sin color */
    }
    
    /* Estilos para la .seccioncuatro */
    .seccioncuatro {
        padding-top: 70px;
        padding-bottom: 70px;
        background-color: #f3f3f3;
    }
    
    /* Estilos para la .seccioncinco */
    .seccioncinco {
        padding-top: 70px;
        padding-bottom: 70px;
        /* Fondo sin color */
    }
    
    /* Estilos para la .seccionseis */
    .seccionseis {
        padding-top: 70px;
        padding-bottom: 70px;
        background-color: #f3f3f3; /* Fondo con color */
        .seis-box-uno{
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        }
        .seis-box-dos{
        width: 100%;
        display: flex;
        justify-content: center;
        }
        .imgbox{
        max-width: 100%;
        margin-top: 10px;
        height: fit-content;
        border-radius: 20px;
        }
        .contenedor-boxes{
        display: flex;
        flex-direction: column;
        }
    }
    
    /* Estilos para la .seccionsiete */
    .seccionsiete {
        padding-top: 70px;
        padding-bottom: 70px;
        /* Fondo sin color */
    }
    
    /* Estilos para la .seccionocho */
    .seccionocho {
        padding-top: 70px;
        padding-bottom: 70px;
        background-color: #f3f3f3;
        p{
            font-size: 21px;
        }
        .contacto-tel{
        font-size: 21px;
        }
    }
    
    /* Estilos para la .seccionnueve */
    .seccionnueve {
        padding-top: 50px;
        padding-bottom: 50px;
        /* Fondo sin color */
    }
  
    
    .margenes{
        margin-left: 5%;
        margin-right: 5%;
    }
    
    /* Estilos de los enlaces */
    a {
        color: #007bff;
        text-decoration: none;
        transition: color 0.3s;
    }
    
    a:hover {
        color: #ffffff;
    }
   
    
    /* Estilos de los botones */
    .contenedorboton{
        display: flex;
        justify-content: center;
        padding-top: 43px;
        padding-bottom: 50px;
    }
    
    .button {
        display: inline-block;
        background-color: #14bd65;
        color: #fff;
        text-decoration: none;
        padding: 12px 24px;
        border-radius: 30px;
        text-align: center;
        transition: background-color 0.3s, color 0.3s;
    }
    
    .button:hover {
        background-color:#1dce1d;
        transform: scale(1.1);
        transition: transform 0.3s ease-in-out, background-color 0.3s ease-in-out;
    }
    
    

    
    
    
    /*--------------------------boton ir al top desplazamiento------------------------------------------------*/
    
    #backToTop {
        display: none;
        position: fixed;
        bottom: 20px;
        right: 20px;
        z-index: 99;
        border: none;
        outline: none;
        background-color: #9f164c;
        color: white;
        cursor: pointer;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        font-size: 24px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
        transition: all 0.3s ease;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    #backToTop:hover {
        background-color: #bb2c65;
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
        transform: scale(1.1);
    }
    


    /*--------------------------boton Whatsapp flotante esquina inferior derecha------------------------------------------------*/
    .whatsapp-button {
        position: fixed;
        bottom: 100px;
        z-index: 98;
        right: 20px;
        background-color: #25d366;
        border-radius: 50%;
        width: 50px;
        height: 50px;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
        display: flex;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        transition: all 0.3s ease;
    }
    
    .whatsapp-button:hover {
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
        transform: scale(1.1);
    }
    
    .whatsapp-button img {
        width: 30px;
        height: 30px;
    }
    
    
    
    
    /*--------------------------footer------------------------------------------------*/
    footer{
        margin: 0;
        padding: 0;
        background-color: #2f2f2f;
        color: white
    
    }
    footer .margenes{
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .contenedor-footer{
        margin-left: 10%;
        margin-right: 10%;
        padding-top: 50px;
        padding-bottom: 50px;
    }

    
    .contenedor-columnas-footer{
        text-align: center;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
    }

    .contenedor-columnas-footer p{
        font-size: 21px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .column {
        width: 100%;
        display: inline-block;
        vertical-align: top;
        margin-inline: 1%;
    }

    .footer-seccion-iqz{
        text-align: left;
        display: flex;
        flex-direction: column;
    }    

    .footer-seccion-iqz a{
        font-size: 18px;
        padding-top: 10px;
        padding-bottom: 10px;
        color: #959595;
    }

    .copyright{
        text-align: center;
        background-color: #000000;
        color: #7c7c7c;
        padding: 15px;
    }


}