@media (max-width: 1366px) {
    .img-mapa {
        left: -5%;
    }
}
@media (max-width:992px){
    .nav-collapse{
        float: right;
        width: fit-content;
        background-color: var(--color-orange);
    }
    .nav-link{
        font-size: 20px;
    }
    /* =================================================== INDEX ======================================================== */
    .figura1{
        max-width: 154.51px;
    }
    .figura2{
        max-width: 168px;
    }
    .figura3{
        max-width: 143px;
    }
    .figura4{
        max-width: 154px;
    }
    .figura5{
        max-width: 154px;
    }
    .figura6{
        max-width: 165px;
    }
    .figura7{
        max-width: 154px;
    }
    .figura8{
        max-width: 154px;
    }
    .figura9{
        max-width: 167px;
    }
    .figura10{
        max-width: 143px;
    }
    .figura11{
        max-width: 167px;
    }
    .figura12{
        max-width: 154px;
    }
    .img-pinceles{
        max-width: 246px;
       }

    .bg-main-3::before{
        background-image: url('../images/imagen-home_mobile.png');
        bottom: 0;
    }
    }   
@media (max-width: 756px) {
    /* ========================================== FOOTER ============================================= */
   
    .container-faq{
        display: flex;
        flex-direction: column-reverse;
    }
    .footer-image:before { 
        max-width: 215px;
        left: 66px;
        background-position: bottom;
    }
    #icon-tw-footer {
        max-width: 32.6px;
    }
    
    #icon-fb-footer {
        max-width: 27.6px;
    }
    
    #icon-ig-footer {
        max-width: 28.6px;
    }
    
    #icon-yt-footer {
        max-width: 34.8px;
    }
    #icon-tw-header {
        max-width: 32.69px;
    }
    
    #icon-fb-header {
        max-width: 28.67px;
    }
    
    #icon-ig-header {
        max-width: 28.62px;
    }
    
    #icon-yt-header {
        max-width: 34.87px;
    }
    /*============================================================= INDEX ======================================= */
    .bg-main{
        background: transparent linear-gradient(180deg, #ED931F 0%, #C53112 100%) 0% 0% no-repeat padding-box;
    }
    .bg-main:before{
        background-image: url('../images/imagen-home_mobile.png');
    }
    .remaining-time {
        font-size: 14px;
        line-height: 24px;
    }

    .main-title{
        font-size: 26px;  
        line-height: 30px;
    }

    .main-text{
        font-size: 16px;
    }
    .secondary-title{
      
    }

    /* =================================== FIGURITAS =================================================== */
    .figuritas-container {
        height: 850px;
    }
    .figuritas-container-over {
        height: 850px;
    }
    .figura1{
        left: 87px;
        top: 40px;
        max-width: 154px;
    }
    .figura2{
        left: 195px;
        top: 93px;
        max-width: 154px;
    }
    .figura3{
        top: 266.3px;
        left: 226px;
        max-width: 154px;
    }
    .figura4{
        top: 294.7px;
        right: 56.2%;
        max-width: 154px;
    }
    .figura5{
        top: -137.1px;
        left: 1.9%;
        max-width: 154px;
    }
    .figura6{
        top: -75px;
        left: 121px;
        max-width: 154px;
    }
    .figura7{
        top: 265.3px;
        right: 31.4%;
        z-index: 11;
        max-width: 154px;
    }
    .figura8{
        top: 164.2px;
        right: 54.5%;
        max-width: 154px;
    }
    .figura9{
        top: 89px;
        right: 20.2%;
        max-width: 154px;
    }
    .figura10{
        top: 153px;
        z-index: 13;
        left: 32.2%;
        max-width: 154px;
    }
    .figura11{
        top: 91.8px;
        z-index: 14;
        right: 54.1%;
        max-width: 154px;
    }
    .figura12{
        top: 67.6px;
        right: 1.7%;
        z-index: 12;
        max-width: 154px;
    }
    .figura13{
        top: -76.9px;
        right: -1.9%;
        z-index: 10;
        max-width: 154px;
    }
   /* ================================================ ALBUM ===================================================== */
   .btn-contacto{
    width: fit-content;
    padding: 0px 40px;
   }

   /* ================================================ CONTACTO ===================================================== */
   .container-contacto{
    display: flex;
    flex-direction: column-reverse;
   }
   .img-mapa{
    position: initial !important;
   }
}