@import url('https://fonts.googleapis.com/css2?family=Raleway&display=swap');

@media screen and (min-width: 1024px){
header ul {
  list-style: none;
  text-align: center;
  display: flex;
  justify-content: end;

}
header{padding-right: 0%;}
header li {display: block;float: left;position: relative;text-decoration: none;transition-duration: 0.5s;padding-bottom: 5px;margin: 0 10px;}

header li a {margin-right: 7px;margin-left: 7px;font-weight:600;font-size: 12px;text-transform:uppercase;line-height: 13px;color: #000000;text-decoration: none;padding: 1.5px 0px;box-sizing: border-box;display: block;}
header ul#menu>li:hover>a{font-weight:800;}
header li:hover {cursor: pointer;}
header li li:hover {cursor: pointer;background: #E6E6E6;}

header ul li ul {visibility: hidden;opacity: 0;position: absolute;transition: all 0.5s ease;left: 0;display: none;background: #fff;z-index: 99;width: auto;display: table;padding-top: 33px;width: 120px;box-sizing: border-box;}

header ul li:hover > ul,
header ul li:focus-within > ul,
header ul li ul:hover {
  visibility: visible;
  opacity: 1;
}

header ul li ul li {clear: both;width: calc(100% - 30px);box-sizing: border-box;height: 43px;}
#attraction-inner img{height:100%}
#subattraction-inner img{height:100%}
}
.div-input-distribuidores i{    
    position: absolute;
    right: 15px;
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
    cursor: pointer;
    pointer-events: none;
}
.div-input-distribuidores .error-message,.div-input-mensaje-distribuidores .error-message{position: absolute;right: 0px;top: 0px;}
.container_chbox{display: flex;align-items: center;}
@media screen and (max-width: 1200px){
    #vista-propiedad .caracteristicas{font-size: 14px}
    #vista-propiedad .caracteristicas .dato {margin-right: 6.6%;}
    .info-casa .precio{font-size: 1.5em}
    #attraction .swiper-container{max-height: 700px;}
    #subattraction .swiper-container{max-height: 370px;}
    /* #logo {width: 149px;margin: 13px 0 0;} */
    .acciones{margin-left: 20px;font-size: 15px;margin-top: 14px;}
    section#productos{padding: 70px 0 100px;}
    section#productos .elements .item{width:100%;padding: 0px 20%;}
    section#cita{padding:80px 0}
    section#cita .links .btn1{
        float:initial;
        margin: 0 auto 25px;
    }
    section#cita blockquote, section#cita blockquote span{
        padding: 0 30px;
        font-size: 26px !important;
        line-height: 46px !important;
        margin-bottom: 80px;
    }
    section#cita blockquote:before{
        left:0;
        top: 0;
    }
    section#cita blockquote:after{
        right:0;
    }

    /* #logo{margin: 22px 0 0;padding-left: 20px;} */
    /* #objeto-lupa img{width: 90%;padding-top:6px;padding-left: 15px;} */
}

@media only screen and (max-width:1355px), only screen and (max-device-width:1355px){
  #attraction .swiper-container{max-height: 700px;}
  #subattraction .swiper-container{max-height: 370px;}
}
@media screen and (max-width: 1100px){
    #attraction img{min-width: 1365px;}
    #subattraction img{min-width: 1365px;}
    
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {
    #logo{margin-left: 14%;}
}

@media screen and (max-width: 1024px){
    footer .coll-full{width: 90.5%}
    .redes-sociales{display:none;}
    .menu-desplegable .redes-sociales{display:block;float: left;padding: 20px 0 0 20px;}
    .menu-desplegable .redes-sociales a:before{font-size: 24px;line-height: 23px;position: absolute;top: -4px;left: 0;margin: 0;}
    .menu-desplegable .redes-sociales a{color:#fff;font-size: 16px;line-height: 19px;width: 100%;position: relative;padding-left: 38px;display: block;height: 25px;margin-bottom: 15px;}
    #buscador .buscador>div{
        display:table;
        height: auto;
    }
    #buscador .buscador>div:last-child{margin-bottom:0  }
    #buscador .buscador .herramientas>div{
        width:100%;
        margin: 0 !important;
    }
    #buscador .buscador .herramientas>div.precio, #buscador .buscador .herramientas>div.precio2{
        width:50%
    }
    .barras-menu span{
        height: 2px;
    }
    .barras-menu span:nth-child(2){
        top: 10px;
    }
    .barras-menu span:nth-child(3){
        top: 20px;
    }
    .acciones li.link-buscar{display: inline-block;font-size: 20px;}
    .acciones li{margin-right:20px}
    .acciones li a{padding:0;font-size: 15px;line-height: 18px;}
    .acciones li.link-buscar i{font-size:20px}
    section#categorias .categorias-container {
        padding: 0 20%;
    }
    .categorias-container ul>li{margin-bottom:45px}
    .categorias-container ul>li:last-child{margin-bottom:0}
    #menu_lateral li.link-buscar{display:none}
}
@media screen and (max-width: 920px){
    #buscador .buscador{
        max-width: 100%;
        margin-bottom: 0;
    }
    .prev-buscador{flex-direction: column;}
    footer .grid-ft:first-child{width: 23%}
    footer .grid-ft:nth-of-type(1) .conten-links,footer .grid-ft:nth-of-type(1) .title-bloque{padding-left: 0}
    header .col-7,header .bottom{display: none;}
    header{height: 76px;}
    .link_logo {
        height: 76px;
        z-index: 100000000000002;
    }
    #logo {
        width: 170px;
        height: 76px;
    }
    .acciones-col-2 .icon-lupa {
        justify-content: end;
        /* height: 76px; */
        /* background-color: #897493; */
    }

    .menum{
        height: 76px;   
        /* background-color: #00c607;  */
        justify-content: center;
        align-items: center;
        padding-top: 23px;
    }

    .barras-menu{
        /* background-color: #e42d9b; */
        position: absolute;
        margin-top: 0px;
    }
    #attraction{height: auto;}
    #subattraction{height: auto;}
    .bloque-casa,.bloque-casa.last{width: 48%;margin-right: 4%}
    .bloque-casa:nth-child(2n){margin-right: 0}
    .bloque_cat{width: 48%;margin-right: 4%;}
    .bloque_cat:nth-child(2n){margin-right: 0}
    #vista-propiedad .left{width: 100%;}
    .bloque-info{width: 100%;float: none;margin-top: 40px;}
    .info-casa{display: none;}
    #vista-propiedad .info-contacto{display: none;}
    #vista-propiedad .info-contacto.info-contacto2{}
    .fb_iframe_widget{margin: 0 auto;}
    /*Buscador avanzado*/
    .buscador.busqueda-avanzada .input.text.avanzada, .buscador.busqueda-avanzada .input.select.avanzada{width: 19%}
    .buscador.busqueda-avanzada .input.text.ciudad{width: 60%;margin-right: 0}
    .buscador.busqueda-avanzada .input.select.zona{width: 38.9%;margin-top: 17px}
    .buscador.busqueda-avanzada .btn1{margin-top: 43px}

    /*Nosotros*/
    .bloque-agente{width: 100%;margin-bottom: 35px;margin-right: 0;padding: 27px 15px;}
    .bloque-agente:last-child{margin-bottom: 0}

    /*Vista agente*/
    #vista-agente .info-agente{width: 100%;margin-top: 30px}
    /*#vista-agente img{width: 100%;margin:0 auto;max-width:400px;float: none;}*/

}

/* JZ*/
@media screen and (min-width: 1920px){
    #category .swiper-pagination{position: absolute;color:#000000;margin-top: 7%;margin-left: 7%; width: 100% !important;}
    #category .swiper-pagination-bullet {height: 3px !important;border-radius: inherit;margin: unset !important;background-color: #00B4AD !important;border: none !important;width: 50% !important;}      
    #category .swiper-pagination-bullet-active {opacity: 1;background-color: #DDC8E3 !important;}
    .current-slide{font-family:Montserrat;font-size: 15px;color:#000000;margin-top: 7%;}
    #category-container .swiper-button-next{ position: absolute;background-color: #000000;opacity: 1.35;color: white;height: 65px;width: 59px; top:23%;border-radius: 1%;
        background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20viewBox%3D\'0%200%2027%2044\'%3E%3Cpath%20d%3D\'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z\'%20fill%3D\'%23ffffff\'%2F%3E%3C%2Fsvg%3E" )!important;}
    #category-container .swiper-button-prev{position: absolute;color:white;opacity: 1.35;background-color: #000000;height: 65px;width: 59px;top:23%;border-radius: 1%;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20viewBox%3D\'0%200%2027%2044\'%3E%3Cpath%20d%3D\'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z\'%20fill%3D\'%23ffffff\'%2F%3E%3C%2Fsvg%3E" )!important;
      }
    #category .swiper-slide {text-align: center;font-size: 18px;background: #fff;transition: 1s;height: 450px;width: 344px;}
    #category .swiper-slide input{background-color: #DBC9E3;color: #000000;border-color: #DBC9E3;box-shadow: #DBC9E3;width: 200px;height: 44px;border: none; font-size:17px; font-family:'Work ';font-weight: 600; bottom: 20px;position: relative;}
    #category-container{height: calc(88vh - 87px);width: 100%;position: relative;}

    #attraction .content-attraction .contenido{width: 450px;margin-left: -300px;}
    #attraction .content-attraction .contenido .titulo-attraction{text-transform:uppercase;margin-top: 10px;color:#000000;font-weight: 600;font-size: 45px;}
    #attraction .content-attraction .contenido .subtitulo-attraction{text-transform:uppercase;    line-height:20px;color:#000000;font-weight: 500;font-size: 25px;}
    #attraction .content-attraction .contenido .description-attraction{margin-top:15px;margin-bottom:40px;color:#000000;font-weight: 500;font-size: 15px;}
    #attraction .content-attraction .contenido .button-attraction{text-transform:uppercase;padding: 16px 45px;border-radius:5px;height:50px;width: 179px;text-decoration:none;background-color:#000000;color:#fff;font-weight: 600;font-size: 15px;}
   
    /*ACTIVOS NATURALES*/

    #activos-div-banner{height:260px;background:#DBC9E3;display:flex}
    #activos-div-banner .activos_imagen{position:absolute;width:100%;height:260px;}
    #activos-div-banner .activos_contenido{background:rgba(219,201,227,0.7);position:absolute;width:100%;height:260px;display:flex;align-items:center}
    
    .activos_contenido .activos_texto{padding:0 170px}  
    
    #div-container-activos{
        display:flex;
        width: 100%;
      }      
    .activos_contenido .activos_texto{padding:0 120px}   
    .activos_texto .activos_titulo{font-family:'Work-SemiBold';font-family:'Work ';font-weight:600;font-size:52px;color:#000000}
    .activos_texto .activos_descripcion{font-family:'Work-Regular';font-family:'Work ';font-weight:400;font-size:20px;color:#000000;width: 800px;}

      .div-barra-activos{
        width:85%;height:3px; background-color:#CCCCCC;margin-left:170px;margin-top:23px;
    }
    #activos-div-imagen{ width:100%;height:469px; margin-top:70px;background-image: url(/files/Imagen/10/Foto/bgtxt-10416.jpg);}
    



/*DISTRIBUIDORES*/
.div-form-distribuidores{    
    max-width: 1066px;
    margin: 0px auto;
    /* margin-bottom: 130px; */
    padding: 130px 100px;
}
.div-form-distribuidores .titulo-form-distribuidores{
    color:#000000;font-size:42px;
    font-family:
    Work ;
    font-weight: 600;
}
  
.div-form-distribuidores .descripcion-form-distribuidores{
    color:#000000;
    font-size: 15px;
    font-family: 'Work-Regular';
    font-weight: 400;
    line-height: 24px;
    padding-top: 20px;
}

.form-principal-distribuidores{
    margin-top:32px
}
.label-radio-distribuidores{
    color:#000000;
    font-size: 15px;
    font-family:
    Work ;
    font-weight: 500;
    line-height: 18px;
    display: inline-block;
}
.check-radio-distribuidores{
    color:#000000;
    width: 23px;
    height: 23px;
    margin-right: 10px;
    box-sizing: border-box;
}
  
.div-principal-input-distribuidores{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 40px;
}
.div-principal-input-distribuidores.single{
    display: grid;
    grid-template-columns: repeat(1, 1fr);
}
.titulos-input-form-distribuidores{
    display: block; 
    float: center;  
    color:#000000;font-size:15px; font-family:Work ;font-weight: 600;
    text-transform: uppercase;
}
  
.div-input-distribuidores{
    width: 100%;
    position: relative;
}

.div-input-mensaje-distribuidores{
    width:100%;
    position: relative;
}
.input-form-distribuidores{
    background-color: #fbfbfb;
    width: 100%;
    height: 55px;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: #000000;
    margin-top: 10px;
    padding-left: 10px;
    margin-bottom: 20px;
    font-size: 15px;
    box-sizing: border-box;
}
  
.select-form-distribuidores{
    background-color: #fbfbfb;
    width: 100%;
    height: 55px;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: #000000;
    margin-top: 10px;
    padding-left: 10px;
    margin-bottom: 25px;
    font-size: 15px;
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    appearance:none;
}

.input-textarea{
    background-color: #fbfbfb;
    width: 100%;
    height: 60px;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: #000000;
    margin-top: 10px;
    padding-left: 10px;
    margin-bottom: 20px;
    padding-top: 15px;
    font-size: 15px;
    resize: none;
    box-sizing: border-box;
}

.checkbox-terminos-distribuidores{
    border-color: #000000; 
    height: 24px; 
    width: 24px;
    border-style: solid;    
    border-width: 1px; 
    margin-right: 10px;
}
.text-checkbox-distribuidores{
    color:#000000;font-size:15px;line-height: 24px; font-family:Work ;display: inline-block;
}
.button-form-distribuidores{
    height: 50px;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 20px;
    margin-top: 20px;
    text-transform: uppercase;
    background-color: #000000;
    border-color: #000000;
    border-style: solid;
    border-radius: 5px;
    cursor: pointer;
    color: white;
    min-width: 243px;
    font-size: 15px;
}
      
    #tiendas-colorly .subtitulo-distribuidores{
        color:#000000;font-size:24px; font-family:Work ;font-weight: 500;text-align: center;margin-top: 4%;
    }
    
    #tiendas-colorly .dondecomprar-distribuidores{
        color:#000000;font-size:52px; font-family:Work ;font-weight: 600;text-align: center;padding-bottom: 20px;
    }
    #tiendas-colorly .descripciontiendas-distribuidores{
        color:#000000;font-size:25px; font-family:Work ;text-align: center;
    }
    #tiendas-colorly .div-tiendas-distribuidores2{
      /*  margin-left:282px;*/margin-top:50px;display:flex;flex-wrap: wrap;justify-content: space-around;
    } 
   
    #tiendas-colorly .img-tiendas-distribuidores{
        width: 269px;
        height: 209px;
        margin-left: 100px;;
    }
    .div-principal-radios-distribuidores{
        margin-top: 10px;
        display:
        flex;
        flex-wrap: wrap;
        margin-bottom: 30px;
    }
    .div-radio-individual-distribuidores{
        width: auto;
        display: flex;
        align-items: center;
        height: 23px;
        margin-right: 25px;
    }

      
}

/* JZ*/
@media screen and (min-width:781px) and (max-width:1919px){
    #category .swiper-pagination{position: absolute;color:#000000;margin-top: 7%;margin-left: 7%; width: 100% !important;}
    #category .swiper-pagination-bullet {height: 3px !important;border-radius: inherit;margin: unset !important;background-color: #00B4AD !important;border: none !important;width: 50% !important;}      
    #category .swiper-pagination-bullet-active {opacity: 1;background-color: #DDC8E3 !important;}
    .current-slide{font-family:Montserrat;font-size: 15px;color:#000000;margin-top: -2%;margin-left: 1.5%;}
    #category-container .swiper-button-next{ position: absolute;background-color: #000000;opacity: 1.35;color: white;height: 65px;width: 59px; /*top: calc(32% - 100px)*/top:36%;border-radius: 1%;
        background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20viewBox%3D\'0%200%2027%2044\'%3E%3Cpath%20d%3D\'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z\'%20fill%3D\'%23ffffff\'%2F%3E%3C%2Fsvg%3E" )!important;}
    #category-container .swiper-button-prev{position: absolute;color:white;opacity: 1.35;background-color: #000000;height: 65px;width: 59px;/*top: calc(32% - 100px)*/top:36%;border-radius: 1%;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20viewBox%3D\'0%200%2027%2044\'%3E%3Cpath%20d%3D\'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z\'%20fill%3D\'%23ffffff\'%2F%3E%3C%2Fsvg%3E" )!important;
      }
    #category .swiper-slide {text-align: center;font-size: 18px;background: #fff;transition: 1s;height: 450px;width: 344px;}
    #category .swiper-slide input{background-color: #DBC9E3;color: #000000;border-color: #DBC9E3;box-shadow: #DBC9E3;width: 200px;height: 44px;border: none; font-size:17px; font-family:'Work ';font-weight: 600;bottom: 20px;position: relative; }
    #category-container{/*height: calc(88vh - 87px)*/ height: 70%;width: 100%;position: relative;}

    #attraction .content-attraction .contenido{width: 450px;margin-left: 0px;}
    #attraction .content-attraction .contenido .titulo-attraction{text-transform:uppercase;margin-top: 10px;color:#000000;font-weight: 600;font-size: 45px;}
    #attraction .content-attraction .contenido .subtitulo-attraction{text-transform:uppercase;    line-height:20px;color:#000000;font-weight: 500;font-size: 25px;}
    #attraction .content-attraction .contenido .description-attraction{margin-top:15px;margin-bottom:40px;color:#000000;font-weight: 500;font-size: 15px;}
    #attraction .content-attraction .contenido .button-attraction{text-transform:uppercase;padding: 16px 45px;border-radius:5px;height:50px;width: 179px;text-decoration:none;background-color:#000000;color:#fff;font-weight: 600;font-size: 15px;}


     /*ACTIVOS NATURALES*/
     #activos-div-banner{height:230px;background:#DBC9E3;display:flex}
     #activos-div-banner .activos_imagen{position:absolute;width:100%;height:230px;}
     #activos-div-banner .activos_contenido{background:rgba(219,201,227,0.7);position:absolute;width:100%;height:230px;display:flex;align-items:center}
     .activos_contenido .activos_texto{padding:0 8%}   
    .activos_texto .activos_titulo{font-family:'Work-SemiBold';font-family:'Work ';font-weight:600;font-size:42px;color:#000000}
     .activos_texto .activos_descripcion{font-family:'Work-Regular';font-family:'Work ';font-weight:400;font-size:15px;color:#000000;width: 800px;}
    

    .div-barra-activos{
        width:85%;height:3px; background-color:#CCCCCC;margin-left:8%;margin-top:23px;
    }
 
       #div-container-activos{
        display:flex;
        width: 100%;
      }

      #div-container-activos{display:flex;flex-wrap: wrap;justify-content: space-around;margin-top: 5%;}
    #activos-div-imagen{ width:100%;height:469px; margin-top:70px;background-image: url(/files/Imagen/10/Foto/bgtxt-10416.jpg);}



/*DISTRIBUIDORES*/
#div-form-distribuidores-principal{
    padding: 80px 20px;
    background: #F7F7F7;
}


.div-form-distribuidores{    
    max-width: 1066px;
    margin: 0px auto;
    background-color: #fff;
    padding: 60px;
    border-radius: 7px;
}
.div-form-distribuidores .titulo-form-distribuidores{
    color:#000000;font-size:42px;
    
    font-weight: 600;
}
  
.div-form-distribuidores .descripcion-form-distribuidores{
    color:#000000;
    font-size: 15px;
    font-family:'Work-Regular';
    font-weight: 400;
    line-height: 24px;
    padding-top: 20px;
}

.form-principal-distribuidores{
    margin-top:32px
}
.label-radio-distribuidores{
    color:#000000;
    font-size: 15px;
    font-family:'Work-Medium';
    font-weight: 500;
    line-height: 18px;
    display: inline-block;
}
.check-radio-distribuidores{
    color:#000000;
    width: 23px;
    height: 23px;
    margin-right: 10px;
    box-sizing: border-box;
}
  
.div-principal-input-distribuidores{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 40px;
}
.div-principal-input-distribuidores.single{
    display: grid;
    grid-template-columns: repeat(1, 1fr);
}
.titulos-input-form-distribuidores{
    display: block; 
    float: center;  
    color:#000000;font-size:15px; font-weight: 600;
    text-transform: uppercase;
}
  
.div-input-distribuidores{
    width: 100%;
    position: relative;
}

.div-input-mensaje-distribuidores{
    width:100%;
    position: relative;
}
.input-form-distribuidores{
    background-color: #fbfbfb;
    width: 100%;
    height: 55px;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: #000000;
    margin-top: 10px;
    padding-left: 10px;
    margin-bottom: 20px;
    font-size: 15px;
    box-sizing: border-box;
}
  
.select-form-distribuidores{
    background-color: #fbfbfb;
    width: 100%;
    height: 55px;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: #000000;
    margin-top: 10px;
    padding-left: 10px;
    margin-bottom: 25px;
    font-size: 15px;
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    appearance:none;
}

.input-textarea{
    background-color: #fbfbfb;
    width: 100%;
    height: 60px;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: #000000;
    margin-top: 10px;
    padding-left: 10px;
    margin-bottom: 20px;
    padding-top: 15px;
    font-size: 15px;
    resize: none;
    box-sizing: border-box;
}

.checkbox-terminos-distribuidores{
    border-color: #000000; 
    height: 24px; 
    width: 24px;
    border-style: solid;    
    border-width: 1px; 
    margin-right: 10px;
}
.text-checkbox-distribuidores{
    color:#000000;font-size:15px;line-height: 24px; font-family:Work ;display: inline-block;
}
.button-form-distribuidores{
    height: 50px;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 20px;
    margin-top: 20px;
    text-transform: uppercase;
    background-color: #000000;
    border-color: #000000;
    border-style: solid;
    border-radius: 5px;
    cursor: pointer;
    color: white;
    min-width: 243px;
    font-size: 15px;
    font-weight: 600;
}
  
    #tiendas-colorly .subtitulo-distribuidores{
        color:#000000;font-size:14px; font-family:Work ;font-weight: 500;text-align: center;margin-top: 4%;
    }
    
    #tiendas-colorly .dondecomprar-distribuidores{
        color:#000000;font-size:42px; font-weight: 600;text-align: center;padding-bottom: 20px;padding-top: 40px;
    }
    #tiendas-colorly .descripciontiendas-distribuidores{
        color:#000000;font-size:15px; font-family:Work ;text-align: center;
    }
    #tiendas-colorly .div-tiendas-distribuidores{
        margin-left:152px;margin-top:50px;display:flex; width: 100%;
    } 
    #tiendas-colorly .div-tiendas-distribuidores2{
        /*  margin-left:282px;*/margin-top:50px;display:flex;flex-wrap: wrap;justify-content: space-around;
      } 
    #tiendas-colorly .div-img-tiendas-distribuidores{
        display:flex;width: 25%;
    }

    #tiendas-colorly .img-tiendas-distribuidores{
        width: 169px;
        height: 109px;
        margin-left: 100px;;
    }

    .div-principal-radios-distribuidores {
        margin-top: 10px;
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 30px;
    }
    .div-radio-individual-distribuidores {
        width: auto;
        display: flex;
        align-items: center;
        height: 23px;
        margin-right: 25px;
    }
      
}
/* JZ*/
@media screen and (max-width: 780px){   
    /* #contenedor_migas { margin-top: 11px; } */

    /*#attraction .content-attraction .contenido .titulo-attraction{text-transform:uppercase;line-height:50px;color:#000000;font-weight: 600;font-size: 48px;}
    #attraction .content-attraction .contenido .subtitulo-attraction{text-transform:uppercase;line-height:50px;color:#000000;font-weight: 500;font-size: 14px;}
    #attraction .content-attraction .contenido .description-attraction{margin-top:25px;margin-bottom:50px;color:#000000;font-weight: 500;font-size: 15px;}
    #attraction .content-attraction .contenido .button-attraction{text-transform:uppercase;padding: 16px 45px;border-radius:5px;height:50px;text-decoration:none;background-color:#000000;color:#fff;font-weight: 600;font-size: 15px;}
    #attraction .swiper-pagination{position: absolute;bottom: 20px;left: 0;right: 0;text-align: center;}*/
  
    /* JZ*/
    #category .swiper-pagination{position: absolute;color:#000000;margin-top: 7%;margin-left: 7%; width: 100% !important;}
    #category .swiper-pagination-bullet {height: 3px !important;border-radius: inherit;margin: unset !important;background-color: #00B4AD !important;border: none !important;width: 50% !important;}      
    #category .swiper-pagination-bullet-active {opacity: 1;background-color: #DDC8E3 !important;}
    .current-slide{font-family:Montserrat;font-size: 15px;color:#000000;margin-top: 7%;}
    #category-container .swiper-button-next{ position: absolute;background-color: #000000;opacity: 1.35;color: white;height: 65px;width: 59px; top: calc(23% - 100px);border-radius: 1%;
        background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20viewBox%3D\'0%200%2027%2044\'%3E%3Cpath%20d%3D\'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z\'%20fill%3D\'%23ffffff\'%2F%3E%3C%2Fsvg%3E" )!important;}
    #category-container .swiper-button-prev{position: absolute;color:white;opacity: 1.35;background-color: #000000;height: 65px;width: 59px;top: calc(23% - 100px);border-radius: 1%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20viewBox%3D\'0%200%2027%2044\'%3E%3Cpath%20d%3D\'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z\'%20fill%3D\'%23ffffff\'%2F%3E%3C%2Fsvg%3E" )!important;
    }
    #category .swiper-slide {text-align: center;font-size: 18px;background: #fff;transition: 1s;height: 347px;width: 344px;}
    #category .swiper-slide input{background-color: #DBC9E3;color: #000000;border-color: #DBC9E3;box-shadow: #DBC9E3;width: 175px;height: 44px;border: none; font-size:15px; font-family:'Work ';font-weight: 600; bottom: 20px;position: relative;}
    #category-container{height: 70%;width: 100%;position: relative;}


    #attraction{height: calc(100vh - 87px);overflow: hidden;width: 100%;position: relative;/*max-height: 75vh;*/ max-height: 700px;}
    #attraction .swiper-container{height: 100%;}
    #attraction .swiper-container .swiper-wrapper{height: 100%;}
    #attraction .content-attraction{max-width: 1187px;margin:auto;height: 100%; display: flex;align-items: center;}
    #attraction .content-attraction .contenido{width: 450px;margin-left: 80px;}
    #attraction .content-attraction .contenido .subtitulo-attraction{text-transform:uppercase;line-height:50px;color:#000000;font-weight: 500;font-size: 14px;}    
    #attraction .content-attraction .contenido .titulo-attraction{text-transform:uppercase;line-height:50px;color:#000000;font-weight: 600;font-size: 48px;}
    #attraction .content-attraction .contenido .description-attraction{margin-top:25px;margin-bottom:50px;color:#000000;font-weight: 500;font-size: 15px;}
    #attraction .content-attraction .contenido .button-attraction{text-transform:uppercase;padding: 16px 45px;border-radius:5px;height:50px;text-decoration:none;background-color:#000000;color:#fff;font-weight: 600;font-size: 15px;}
    #attraction .content-attraction .contenido .button-attraction:hover{background-color:#000000bf;font-size: 16px;}
    #attraction img{width: 100%;position: relative;min-width: 1250px;height: 100%;object-fit: cover;}
    #attraction .info{position: absolute;top: 198px;z-index: 1; width: 56%;min-width: 678px;left: 0}
    #attraction .mask-buscador .icon-search:hover{ cursor: pointer; }
    #attraction .swiper-pagination{position: absolute;bottom: 20px;left: 0;right: 0;text-align: center;}
    #attraction .swiper-pagination-bullet{background-color:unset;opacity: 0.8;margin-right: 10px;-webkit-transition:all .2s ease 0s;transition:all .2s ease 0s;height: 18px;cursor: pointer;;width: 18px;display: inline-block;border-radius: 50%;position: relative;box-sizing: border-box;}
    #attraction .swiper-pagination-bullet:last-child{margin-right: 0}
    #attraction .swiper-pagination-bullet:hover,#attraction .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1}
    #attraction .swiper-pagination-bullet.swiper-pagination-bullet-active{border-color: #897493;opacity: 1;}
    #attraction .swiper-pagination-bullet.swiper-pagination-bullet{border-color: #897493;opacity: 1;background-color: transparent;}
    #attraction .swiper-pagination-bullet::before{content: '';display: block;width: 8px;height: 8px;position: absolute;left: 0;top: 0;border-radius: 50%;left: 0px;top:0px;right: 0;bottom: 0;margin:auto;background: rgba(255,255,255,.5);border: 1px solid #fff;}
    #attraction .swiper-pagination-bullet.swiper-pagination-bullet-active::before{background: #000000}
    #attraction .swiper-pagination-bullet-active{background: none}
    #attraction .swiper-slide{height: 100%;}



    /*ACTIVOS NATURALES*/
    #activos-div-banner{height:230px;background:#DBC9E3;display:flex}
    #activos-div-banner .activos_imagen{position:absolute;width:100%;height:230px;}
    #activos-div-banner .activos_contenido{background:rgba(219,201,227,0.7);position:absolute;width:100%;height:230px;display:flex;align-items:center;position:relative;}
    .activos_contenido .activos_texto{padding:0 120px}   
    .activos_texto .activos_titulo{font-family:'Work-SemiBold';font-family:'Work ';font-weight:600;font-size:42px;color:#000000}
    .activos_texto .activos_descripcion{font-family:'Work-Regular';font-family:'Work ';font-weight:400;font-size:15px;color:#000000;width: 581px;}

    

/*DISTRIBUIDORES*/
.div-form-distribuidores{    
    max-width: 1066px;
    margin: 0px auto;
    /* margin-bottom: 130px; */
    padding: 130px 100px;
}
.div-form-distribuidores .titulo-form-distribuidores{
    color:#000000;font-size:42px;
    font-family:
    Work ;
    font-weight: 600;
}
  
.div-form-distribuidores .descripcion-form-distribuidores{
    color:#000000;
    font-size: 15px;
    font-family:
    Work ;
    font-weight: 400;
    line-height: 24px;
    padding-top: 20px;
}

.form-principal-distribuidores{
    margin-top:32px
}
.label-radio-distribuidores{
    color:#000000;
    font-size: 15px;
    font-family:
    Work ;
    font-weight: 500;
    line-height: 18px;
    display: inline-block;
}
.check-radio-distribuidores{
    color:#000000;
    width: 23px;
    height: 23px;
    margin-right: 10px;
    box-sizing: border-box;
}
  
.div-principal-input-distribuidores{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 40px;
}
.div-principal-input-distribuidores.single{
    display: grid;
    grid-template-columns: repeat(1, 1fr);
}
.titulos-input-form-distribuidores{
    display: block; 
    float: center;  
    color:#000000;font-size:15px; font-family:Work ;font-weight: 600;
    text-transform: uppercase;
}
  
.div-input-distribuidores{
    width: 100%;
    position: relative;
}

.div-input-mensaje-distribuidores{
    width:100%;
    position: relative;
}
.input-form-distribuidores{
    background-color: #fbfbfb;
    width: 100%;
    height: 55px;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: #000000;
    margin-top: 10px;
    padding-left: 10px;
    margin-bottom: 20px;
    font-size: 15px;
    box-sizing: border-box;
}
  
.select-form-distribuidores{
    background-color: #fbfbfb;
    width: 100%;
    height: 55px;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: #000000;
    margin-top: 10px;
    padding-left: 10px;
    margin-bottom: 25px;
    font-size: 15px;
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    appearance:none;
}

.input-textarea{
    background-color: #fbfbfb;
    width: 100%;
    height: 60px;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: #000000;
    margin-top: 10px;
    padding-left: 10px;
    margin-bottom: 20px;
    padding-top: 15px;
    font-size: 15px;
    resize: none;
    box-sizing: border-box;
}

.checkbox-terminos-distribuidores{
    border-color: #000000; 
    height: 24px; 
    width: 24px;
    border-style: solid;    
    border-width: 1px; 
    margin-right: 10px;
}
.text-checkbox-distribuidores{
    color:#000000;font-size:15px;line-height: 24px; font-family:Work ;display: inline-block;
}
.button-form-distribuidores{
    height: 50px;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 20px;
    margin-top: 20px;
    text-transform: uppercase;
    background-color: #000000;
    border-color: #000000;
    border-style: solid;
    border-radius: 5px;
    cursor: pointer;
    color: white;
    min-width: 243px;
    font-size: 15px;
}

#tiendas-colorly .subtitulo-distribuidores{
    color:#000000;font-size:14px; font-family:Work ;font-weight: 500;text-align: center;margin-top: 4%;
}

#tiendas-colorly .dondecomprar-distribuidores{
    color:#000000;font-size:42px; font-family:Work ;font-weight: 600;text-align: center;padding-bottom: 20px;
}
#tiendas-colorly .descripciontiendas-distribuidores{
    color:#000000;font-size:15px; font-family:Work ;text-align: center;
}
.div-tiendas-distribuidores{
    margin-left:152px;margin-top:50px;display:flex;
}
#tiendas-colorly .div-tiendas-distribuidores2{
    /*  margin-left:282px;*/margin-top:50px;display:flex;flex-wrap: wrap;justify-content: space-around;
  }  
.div-img-tiendas-distribuidores{
    display:flex;width: 25%;
}

.img-tiendas-distribuidores{
    width: 169px;
    height: 109px;
}
}

/* JZ*/
@media only screen and (max-width: 779px) and (min-width: 319px) {
.grid-distribuidores{ display: flex;}
#attraction .content-attraction .contenido{width: 100%;margin-left: 18px;margin-top: 0%;}
#attraction .content-attraction .contenido .titulo-attraction{text-transform:uppercase;margin-top: 10px;color:#000000;font-weight: 600;font-size: 35px;}
#attraction .content-attraction .contenido .subtitulo-attraction{text-transform:uppercase;    line-height:20px;color:#000000;font-weight: 500;font-size: 14px;}
#attraction .content-attraction .contenido .description-attraction{margin-top:15px;margin-bottom:40px;color:#000000;font-weight: 500;font-size: 15px;}
#attraction .content-attraction .contenido .button-attraction{text-transform:uppercase;padding: 16px 45px;border-radius:5px;height:50px;width: 179px;text-decoration:none;background-color:#000000;color:#fff;font-weight: 600;font-size: 15px;}
#attraction .swiper-pagination{position: absolute;left: 0;right: 0;text-align: center;}

#attraction{height: calc(100vh - 87px);overflow: hidden;width: 100%;position: relative;/*max-height: 75vh;*/ max-height: 700px;}
#attraction .swiper-container{height: 100%;}
#attraction .swiper-container .swiper-wrapper{height: 100%;}
#attraction .content-attraction{max-width: 1187px;margin:auto;height: 100%; display: flex;align-items: center;}                    
#attraction .content-attraction .contenido .button-attraction:hover{background-color:#000000bf;font-size: 16px;}
#attraction img{width: 100%;position: relative;min-width: 1250px;height: 100%;object-fit: cover;}
#attraction .info{position: absolute;top: 198px;z-index: 1; width: 56%;min-width: 678px;left: 0}
#attraction .mask-buscador .icon-search:hover{ cursor: pointer; }
/*#attraction .swiper-pagination{position: absolute;left: 0;right: 0;text-align: center;margin-bottom: 2%;}*/
#attraction .swiper-pagination-bullet{background-color:unset;opacity: 0.8;margin-right: 10px;-webkit-transition:all .2s ease 0s;transition:all .2s ease 0s;height: 18px;cursor: pointer;;width: 18px;display: inline-block;border-radius: 50%;position: relative;box-sizing: border-box;}
#attraction .swiper-pagination-bullet:last-child{margin-right: 0}
#attraction .swiper-pagination-bullet:hover,#attraction .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1}
#attraction .swiper-pagination-bullet.swiper-pagination-bullet-active{border-color: #897493;opacity: 1;}
#attraction .swiper-pagination-bullet.swiper-pagination-bullet{border-color: #897493;opacity: 1;background-color: transparent;}
#attraction .swiper-pagination-bullet::before{content: '';display: block;width: 8px;height: 8px;position: absolute;left: 0;top: 0;border-radius: 50%;left: 0px;top:0px;right: 0;bottom: 0;margin:auto;background: rgba(255,255,255,.5);border: 1px solid #fff;}
#attraction .swiper-pagination-bullet.swiper-pagination-bullet-active::before{background: #000000}
#attraction .swiper-pagination-bullet-active{background: none}
#attraction .swiper-slide{height: 100%;}


#category .swiper-pagination{position: absolute;color:#000000;margin-top: 25%;margin-left: 15%; width: 70% !important;}
#category .swiper-pagination-bullet {height: 3px !important;border-radius: inherit;margin: unset !important;background-color: #00B4AD !important;border: none !important;width: 25% !important;}      
#category .swiper-pagination-bullet-active {opacity: 1;background-color: #DDC8E3 !important;}
.current-slide{font-family:Montserrat;font-size: 15px;color:#000000;margin-top: 25%;}

#category-container .swiper-button-next{ position: absolute;background-color: #000000;opacity: 1.35;color: white;height: 65px;width: 59px; top: 33%;border-radius: 1%;
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20viewBox%3D\'0%200%2027%2044\'%3E%3Cpath%20d%3D\'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z\'%20fill%3D\'%23ffffff\'%2F%3E%3C%2Fsvg%3E" )!important;}
#category-container .swiper-button-prev{position: absolute;color:white;opacity: 1.35;background-color: #000000;height: 65px;width: 59px;top: 33%;border-radius: 1%;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20viewBox%3D\'0%200%2027%2044\'%3E%3Cpath%20d%3D\'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z\'%20fill%3D\'%23ffffff\'%2F%3E%3C%2Fsvg%3E" )!important;
}
#category .swiper-slide {text-align: center;font-size: 18px;background: #fff;transition: 1s;height: 347px;width: 344px;}
#category .swiper-slide input{background-color: #DBC9E3;color: #000000;border-color: #DBC9E3;box-shadow: #DBC9E3;width: 175px;height: 44px;border: none; font-size:15px; font-family:'Work ';font-weight: 600;bottom: 20px;position: relative; }
#category-container{height: 70%;width: 100%;position: relative;}


/*ACTIVOS NATURALES*/
#activos-div-banner{height:320px;background:#DBC9E3;}
#activos-div-banner .activos_imagen{width:100%;height:160px}
#activos-div-banner .activos_contenido{background:rgba(219,201,227,0.7);width:100%;height:160px;display:flex;align-items:center;position:relative;top: 160px;}
.activos_contenido .activos_texto{padding:30px 50px}
.activos_texto .activos_titulo{font-family:'Work-SemiBold';font-weight:600;font-size:27px;color:#000000;padding-bottom:15px}
.activos_texto .activos_descripcion{font-family:'Work-Medium';font-weight:500;font-size:15px;color:#000000;width: 100%;}

.div-barra-activos{width:88%;height:3px; background-color:#CCCCCC;margin-left:23px;margin-top:20px;}
#div-container-activos{display:block;}
#activos-div-imagen{background-color:#8F8B90; width:100%;height:339px; margin-top:70px;background-image: url(/files/Imagen/10/Foto/bgtxt-10416.jpg);}


/*DISTRIBUIDORES*/
.div-form-distribuidores{    
    max-width: 1066px;
    margin: 0px auto;
    padding: 50px 40px;
}
.div-form-distribuidores .titulo-form-distribuidores{
    color:#000000;
    font-size: 27px;
    font-family:'Work-SemiBold';
    font-weight: 600;
    text-align: center;
}
  
.div-form-distribuidores .descripcion-form-distribuidores{
    color:#000000;
    font-size: 15px;
    font-family:'Work-Regular';
    font-weight: 400;
    line-height: 24px;
    padding-top: 20px;
    text-align: center;
}

.form-principal-distribuidores{
    margin-top:32px
}
.label-radio-distribuidores{
    color:#000000;
    font-size: 15px;
    font-family:'Work-Medium';
    font-weight: 500;
    line-height: 18px;
    display: inline-block;
}
.check-radio-distribuidores{
    color:#000000;
    width: 23px;
    height: 23px;
    margin-right: 10px;
    box-sizing: border-box;
}
  
.div-principal-input-distribuidores{
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    column-gap: 40px;
}
.div-principal-input-distribuidores.single{
    display: grid;
    grid-template-columns: repeat(1, 1fr);
}
.titulos-input-form-distribuidores{
    display: block; 
    float: center;  
    color:#000000;font-size:15px; font-family:Work ;font-weight: 600;
    text-transform: uppercase;
}
  
.div-input-distribuidores{
    width: 100%;
    position: relative;
}

.div-input-mensaje-distribuidores{
    width:100%;
    position: relative;
}
.input-form-distribuidores{
    background-color: #fbfbfb;
    width: 100%;
    height: 55px;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: #000000;
    margin-top: 10px;
    padding-left: 10px;
    margin-bottom: 20px;
    font-size: 15px;
    box-sizing: border-box;
}
  
.select-form-distribuidores{
    background-color: #fbfbfb;
    width: 100%;
    height: 55px;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: #000000;
    margin-top: 10px;
    padding-left: 10px;
    margin-bottom: 25px;
    font-size: 15px;
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    appearance:none;
}
.container_chbox {
    align-items: flex-start;
}
.input-textarea{
    background-color: #fbfbfb;
    width: 100%;
    height: 106px;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: #000000;
    margin-top: 10px;
    padding-left: 10px;
    margin-bottom: 20px;
    padding-top: 15px;
    font-size: 15px;
    resize: none;
    box-sizing: border-box;
}

.checkbox-terminos-distribuidores{
    border-color: #000000; 
    height: 24px; 
    width: 24px;
    border-style: solid;    
    border-width: 1px; 
    margin-right: 10px;
}
.text-checkbox-distribuidores{
    color:#000000;font-size:15px;line-height: 24px; font-family:Work ;display: inline-block;
}
.div-form-distribuidores{
    padding: 30px 33px 90px 33px;
}
.button-form-distribuidores{
    height: 50px;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 20px;
    margin: 20px auto 0px auto;
    text-transform: uppercase;
    background-color: #000000;
    border-color: #000000;
    border-style: solid;
    border-radius: 5px;
    cursor: pointer;
    color: white;
    min-width: 243px;
    font-size: 15px;
    display: block;
}
#tiendas-colorly .subtitulo-distribuidores{
color:#000000;font-size:15px; font-family:Work ;font-weight: 500;text-align: center;margin-top: 12%;
}
#tiendas-colorly .dondecomprar-distribuidores{

color:#000000;font-size:32px; font-family:Work ;font-weight: 600;text-align: center;margin-top: 1%;padding-bottom: 20px;
}
#tiendas-colorly .descripciontiendas-distribuidores{
color:#000000;font-size:15px; font-family:Work ;text-align: center;margin-top: 2%;
}
.div-tiendas-distribuidores{
margin-top:5px;display:block;margin-left:-80px;
} 
#tiendas-colorly .div-tiendas-distribuidores2{
/*  margin-left:282px;*/margin-top:20px;display:flex;flex-wrap: wrap;justify-content: space-around;margin-right: 20%;
} 
.div-img-tiendas-distribuidores{
display:flex;margin: 0px 30px;
}
.img-tiendas-distribuidores{
width: 164px;
height: 109px;

}

.div-principal-radios-distribuidores {
margin-top: 10px;
display: flex;
flex-wrap: wrap;
margin-bottom: 10px;
}
.div-radio-individual-distribuidores {
width: auto;
display: flex;
align-items: center;
height: 23px;
margin-right: 25px;
width: 100%;
margin-bottom: 20px;
}

  
}
/* JZ*/
@media only screen and (max-width: 779px) and (min-width: 520px) {
#category .swiper-pagination{position: absolute;color:#000000;margin-top: 16%;margin-left: 1%; width: 100% !important;}
#category .swiper-pagination-bullet {height: 3px !important;border-radius: inherit;margin: unset !important;background-color: #00B4AD !important;border: none !important;width: 40% !important;}      
#category .swiper-pagination-bullet-active {opacity: 1;background-color: #DDC8E3 !important;}
.current-slide{font-family:Montserrat;font-size: 15px;color:#000000;margin-top: 16%;}
}



/*bloque de unete-colorly*/
@media screen and (max-width: 550px) {
    .unete-colorly {padding: auto; position: relative;text-align:center;font-size: 27px;font-weight: 600;}
    #div-buttons{width:fit-content ;margin: 0 auto; padding-left: 17%;padding-bottom: 37%;}
    #div-button-individual{width:fit-content;margin: 0 auto;display: flex;margin-bottom: 5%;}
    #button-unete{ text-align: center;width: 137px;margin: 3% 20px;text-transform:uppercase;padding: 16px 45px;border-radius:5px;height: 20px;text-decoration:none;background-color:#fff;color:#000;font-weight: 600;font-size: 15px;}
    #button-unete:hover{background-color:#000000bf;font-size: 16px;}
}

/*bloque footer colorly*/
@media screen and (max-width: 1300px){
  
    #div-menu-footer li a{margin: 25px; text-decoration: none;display:flex;float: left; position: relative;text-align:center;color:#000000;font-size: 14px;font-weight: 500;width: 100%;}
    #espaciado-colorly{padding-left: 2%;padding-right: 34%;}
    #div-menu-footer{position: relative;padding-left: 10%; padding-top: 5%; }
    
    .div-princpial-footer .div-secundario-footer .info-empresa li{font-size: 10px; float: left;text-decoration: none; margin: 1.5%;}
   
}
@media screen and (max-width: 1000px){
    
   
    /* .div-princpial-footer .div-secundario-footer .div-terciario-footer .recibe-novedades .correo-novedades{position:relative;margin-top: 5%; border-radius: 5px;border: 2px solid #000000;width: 100%; height: 40px;padding-right: 2%;} */
    /* .div-princpial-footer .div-secundario-footer .div-terciario-footer .recibe-novedades .correo-icono{left:3%;top: 65%;position: absolute;height: auto;transform: translateY(-50%);line-height: 2.4rem;} */
    /* .div-princpial-footer .div-secundario-footer .div-terciario-footer .recibe-novedades .flecha-icono{left:82%;top: 65%;position: absolute;height: auto;transform: translateY(-50%);line-height: 2.4rem;} */


    #div-form-distribuidores-principal{
        padding: 50px 20px;
        background: #F7F7F7;
    }


    .div-form-distribuidores{    
        max-width: 1066px;
        margin: 0px auto;
        background-color: #fff;
        padding: 60px;
        border-radius: 7px;
        padding: 40px 20px;
        background: #fff;
        border-radius: 7px;
    }
    
    
    #div-menu-footer{position: relative;padding-left: 12%; padding-top: 5%; }
    #div-menu-footer li a{margin: 15px; text-decoration: none;display:flex;float: left; position: relative;text-align:center;color:#000000;font-size: 12px;font-weight: 500;width: 100%;}
  
    #espaciado-colorly{padding-left: 2%;padding-right: 24%;}

    #titulos-footer{font-weight: 600;font-size: 13px;}
    
    .div-princpial-footer .div-secundario-footer .info-empresa li{font-family: 'Roboto-Regular'; font-size: 13px; float: left;text-decoration: none; margin: 1.5%;}
 
}
@media screen and (max-width: 800px){
.div-princpial-footer{color:#000000;padding-bottom: -2%;padding-right: 5%;}
.div-princpial-footer .div-secundario-footer{padding-top: 55px;margin-bottom: 2%;float: none;width: 100%;}
.div-princpial-footer .div-secundario-footer .div-terciario-footer{margin-left: 0% !important;float: none;margin-bottom: 7%;width: 100%;display: grid;height: fit-content;}
/* .div-princpial-footer .div-secundario-footer .div-terciario-footer .recibe-novedades {padding-top: 17px;width: 100%; position: absolute;margin-top: 1%;padding-right: 2%;margin-top: 4%;} */
/* .div-princpial-footer .div-secundario-footer .div-terciario-footer .recibe-novedades .correo-novedades{ position:relative;margin-top: 5%; border-radius: 5px;border: 2px solid #000000;width: 70%; height: 40px;padding-right: 2%;} */
/* .div-princpial-footer .div-secundario-footer .div-terciario-footer .recibe-novedades .correo-icono{left:3%;top: 70.5%;position: absolute;height: auto;transform: translateY(-50%);line-height: 2.4rem;} */
/* .div-princpial-footer .div-secundario-footer .div-terciario-footer .recibe-novedades .flecha-icono{left:80%;top: 70.5%;position: absolute;height: auto;transform: translateY(-50%);line-height: 2.4rem;} */

.img-logo-f{width: 274px; height: 58px; margin-left: -1.5%;}
/* .img-logo-f{width: 73%;padding-left: 11%;} */
/* .div-princpial-footer .div-secundario-footer .div-terciario-footer .recibe-novedades i{position: absolute;height: auto;left:40%;top: 48%;transform: translateY(-50%);line-height: 2.4rem;} */
.enviar_correo { width: 325px; margin-top:  53px;}
ul,ol{margin-left:0;}
#div-menu-footer{width: 100%; padding-left: 0; padding-top: 25px; margin-top: 12%; padding-right: 0; display: grid; grid-template-columns: 50% 50%; column-gap: 5px; row-gap: 15px; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC;}
#div-menu-footer li a{padding-left: 3%; width: 130px;margin: 3%; text-decoration: none;display:flex;float: left; position: relative;text-align:left;color:#000000;font-family:'Work-Medium';font-weight:500;font-size:17px;}

#linea-final-pagina{position: relative;width: 100%;float: none;display: inline-block;}
#titulos-footer{ z-index: 3; font-family:"Work-Medium";font-size:15px;font-weight:500; padding-top:4%; padding-bottom: 15px;}

#orden-redes-sociales h1{padding-bottom: 20px; font-family:"Work-Medium";font-size:15px !important; font-weight:500;  font-size:12px; width: 30%;}
#orden-redes-sociales ul {padding-top: 0;float: left;text-align: right;}
.div-princpial-footer .div-secundario-footer .info-empresa {
    border-top: none;
}

#espaciado-colorly{padding-left: 3%;padding-right: 0;}
.div-princpial-footer .div-secundario-footer .info-empresa {grid-template-columns: 50% 50%; row-gap: 10px;margin-top: -30px;}
.item_info { text-align: left; }
/* .div-princpial-footer .div-secundario-footer .info-empresa{padding-left: 2%;padding-right: 2%; justify-content: center;width: 100%;}
.div-princpial-footer .div-secundario-footer .info-empresa li{padding-top: 10px; font-weight: 500;font-size: 13px;padding-left: 3%; width: 140px;margin: 1.7%;margin-top: 11px; text-decoration: none;display:flex;float: left; position: relative;text-align:left;}
.div-princpial-footer .div-secundario-footer .info-empresa li a{text-decoration: none;} */
}



@media screen and (max-width: 750px){
    #listado-propiedades .acciones-propiedades{float: none;overflow: hidden;margin-bottom: 28px}
    #listado-propiedades .content_titulo{float: none;}

    

    
}

@media screen and (max-width: 700px){
    .hidden-mobile{display: none!important;}
    .visible-mobile{display:block}
    .info-contacto.mini{display:table;}
    /*Home*/
    .coll-full,footer .coll-full{width: 100%;box-sizing: border-box;padding: 0 15px;}
    .title{font-size: 25px;line-height:40px}
    .sub_title{font-size: 17px;line-height:20px;margin-bottom: 45px}
    .parrafo{font-size: 0.8em}

    header .coll-full{
        padding: 0 10px;
        height: 76px;
        position: absolute;
    }
  
    #attraction .swiper-slide{height: auto!important}
    #subattraction .swiper-slide{height: auto!important}

    .pop-up-social-media{left:0}

    .open_buscador {
        width: 100%;
    }


    #buscador{padding: 37px 0 34px;}
    .buscador .input label{font-size: 0.8em;height: auto;}
    .buscador .input input{font-size: 0.7em}
    .buscador .input.text.ciudad{width: 68%;margin-right: 2.8%;margin-left: 10px;}
    .buscador .input.select.zona{display: none;}
    .buscador .btn1{width: 29.2%;min-width: initial}
    .buscador .btn1{margin-top: 22px}
    #buscador .busqueda-avanzada-link {display: inline-block !important;width: 100%;text-align: center;}
    .busqueda-avanzada-link:before{left: 6px;}
    #buscador .title .icon-search{font-size: 19px}
    #buscador .title{font-size: 1.6em}
    #attraction{height: auto;}
    #attraction img{min-width: initial;}
    #subattraction{height: auto;}
    #subattraction img{min-width: initial;}
    .bloque-propiedades ul{margin-bottom: 11px}
    .bloque-casa .cat_inmueble{right: 7px}
    .bloque-casa{margin-bottom: 25px;overflow: hidden;}
    .bloque-casa .caracteristicas{margin-top: 4px}
    .bloque-casa .icon{font-size: 1.2em}
    .bloque-casa .icon-shower, .bloque-casa .icon-expand{font-size: 0.9em}
    .bloque-casa .texto {padding: 10px 3.6% 7px;}
    .bloque-casa,.bloque_cat,.bloque_ser,footer .grid-ft,.bloque-casa, .bloque-casa.last,footer .grid-ft:first-child{width: 100%;margin-right: 0;float: none;max-width:initial!important;}
    .bloque-propiedades {padding: 48px 0 54px;}
    .carrusel-mobile .bloque-casa .cont-img{max-height: 205px}
    .carrusel-mobile .coll-full{padding: 0}
    .carrusel-mobile .swiper-container{margin-left: 15px;}
    .carrusel-mobile .title,.carrusel-mobile .sub_title{padding: 0 10px}
    .bloque-casa .dato .text{font-size: 0.8em}
    .banner-suscripcion{height: 135px}
    .banner-suscripcion .suscripcion{margin: 24px 3.5% 0 3.5%;}
    .banner-suscripcion #mc-embedded-subscribe-form,.banner-suscripcion .parrafo{position: relative;width: 100%;}
    .banner-suscripcion{margin-bottom: 56px}
    #servicios{padding: 7px 0 13px}
    footer .grid-ft{padding: 0 !important;margin: 0;width: 100% !important;float: left !important;margin-bottom: 35px;}
    footer .copy-text{display: block;margin: 0;margin-top: 20px;text-align: center;font-size: 12px;line-height: 21px;}
    footer .sep{display: none;}
    footer .content-footer-bottom{text-align: left;padding: 20px 0 25px;}
    footer .content-footer-top .coll-full{padding: 40px 24px 0 !important;box-sizing: border-box;background-position-y: 165%;background-position-x: -80%;}
    footer .grid-ft:nth-of-type(1) .conten-links,footer .grid-ft:nth-of-type(1) .title-bloque{padding-left: 0}
    .logo-footer{margin-top: 0;display: block;height: 90px;}
    footer .content-footer-bottom a{font-size:12px;line-height:21px}
    footer .content-footer-bottom a.sitemap{margin-left: 6%;margin-right: 20%;}
    
    /*Contacto*/
    #contact_us .content {margin-top: 24px;}
    #contact_us .parrafo{line-height: 35px;text-align: left;}
    #contact_us .title {margin-bottom: 18px;}
    #mrastro{margin: 0 0 13px;}
    #contact_us {padding: 27px 0 34px 0;}
    #contact_us .title{font-size: 1.6em}
    #attraction-inner .title{font-size: 2em;top: 39.7%;}
    #subattraction-inner .title{font-size: 2em;top: 39.7%;}
    #contact_us #rastro{padding: 0 15px}
    #contact_us .info{width: 100%;padding: 21px 4.7%;height: auto;}
    #contact_us .coll-full{padding: 0}
    #contact_us .title,#contact_us .parrafo{padding: 0 15px}
    #contact_us .parrafo .link3{margin:0;display: block;}
    #streetview .info-ubicacion{
        position: relative;
        border-top: 1px solid #000;
        width: 100%;
        background: transparent;color: #000;}
        #streetview .info-ubicacion i{
        top: 72px;
        color: #000;
    }
    #contact_us .title-especial {
        display:block;
        color: #000;
        font-weight: 700;
        margin-bottom: 24px;
        font-size: 20px;
        text-transform: none;
    }
    #streetview{width: 100%;box-sizing: border-box;padding: 12px 12px 2px}
    #map-canvas{height:365px}

    /*Vista de la propiedad*/
    .galeria-vista .cont-img-crop{position: initial;border-top: 1px solid #fff}
    .galeria-vista .cont-img-crop,.galeria-vista .cont-img{width: 100%;float: none;}
    .galeria-vista .contenidoFotos{height:80px}
    #vista-propiedad .caracteristicas{display: block;}
    #vista-propiedad .caracteristicas .dato{display: block;float: left;width: 33.33%;float: left;margin-right: 0;margin-bottom: 30px;font-size: 0.8em}
    #vista-propiedad .caracteristicas .dato:nth-last-child(1),#vista-propiedad .caracteristicas .dato:nth-last-child(2),#vista-propiedad .caracteristicas .dato:nth-last-child(3){margin-bottom: 0}
    #vista-propiedad .info-principal,#vista-propiedad .extra{width: 100%;box-sizing: border-box;display: table;padding: 0;z-index: initial;}
    #vista-propiedad .extra{float: left;position: relative;padding: 0;margin: 0;top: 0;}
    #vista-propiedad .acciones-propiedades{float: right;}
    #vista-propiedad .codigo{float: left;margin-top: 5px;margin-bottom: 0;}
    #vista-propiedad .coll-full{padding: 0}
    #vista-propiedad .direccion{margin-bottom: 20px}
    #vista-propiedad .caracteristicas .icon-metros{background-size: 15%;}
    #vista-propiedad .caracteristicas .icon-cama, #vista-propiedad .caracteristicas .icon-banio{background-size: 18%;}
    #vista-propiedad .caracteristicas .icon{font-size: 14px;height: 18px}
    #vista-propiedad .caracteristicas .icon-bed{font-size: 19px}
    #vista-propiedad .caracteristicas .icon-home2{font-size: 18px}
    #vista-propiedad .caracteristicas .medium{margin-bottom: 3px;}
    #vista-propiedad .caracteristicas{margin-top: 21px;margin-bottom: 28px;}
    #vista-propiedad .descripcion{font-size: 0.86em;line-height: 2.3em;margin-top: 15px;margin-bottom: 30px;}
    #vista-propiedad .lista2{width: 100%;font-size: 0.86em;margin-top: 26px;margin-bottom: 31px;}
    #vista-propiedad .lista2 li{margin-bottom: 14px}
    .galeria-vista{margin-bottom: 30px;float: left;}
    #streetview.ubicacion-casa #map-canvas{height: 280px}
    #vista-propiedad .info-contacto.info-contacto2{background: #f4f4f4;padding-bottom: 19px;position: fixed;top: 0;z-index: 2;left: 0;bottom: 0;display: none;opacity: 0;padding-top: 15%;transition: 0.3s all;}
    #vista-propiedad .info-contacto.info-contacto2.visible{display:block;opacity: 1;}
    .info-contacto.info-contacto2 .input.text{width: 100%;margin-right: 0}
    .info-contacto.info-contacto2 #contactDiv .btn1{width: 100%;float: none;}
    .info-contacto.info-contacto2 #contactDiv{padding: 0 15px;border: 0}
    .info-contacto.info-contacto2 .parrafo-avisos {padding-top: 21px;margin: 0;}
    #vista-propiedad .info-contacto.info-contacto2 .agente{padding: 0 20px}
    #vista-propiedad .info-contacto.info-contacto2 .title{padding: 31px 20px 34px;display: none;}
    #vista-propiedad .info-contacto.info-contacto2 .agente img{margin-right: 4%;}
    #vista-propiedad .info-contacto.info-contacto2 .agente {width: calc(96% - 80px);}
    .bloque-info{box-sizing: border-box;padding: 0 24px;margin-top: 28px}
    #vista-propiedad{padding: 24px 20px;}
    .galeria-vista .cont-img{position: relative;border-radius: 0}
    #vista-propiedad .cont-img .cat_inmueble{position: absolute;right: 21px;top: 21px}
    #vista-propiedad .title{margin-bottom: 15px;display: inline-block;margin-right: 15px;font-size: 26px;line-height: 35px;}
    .galeria-vista .img-mini{width: 20%;float: left;box-sizing: border-box;padding-right: 1px}
    .galeria-vista .owl-stage-outer .img-mini{width: 100%;padding: 0;float: none;height:100%}
    ul:not(.list_view) .opacity-layer {background: linear-gradient(to top, #000000B3, transparent); position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

    /*Busqueda avanzada*/
    .buscador.busqueda-avanzada .input.text.avanzada, .buscador.busqueda-avanzada .input.select.avanzada,.buscador .input.select.precio{margin-right: 6%;margin-bottom: 23px;margin-top: 0;}
    .buscador.busqueda-avanzada .input.text.avanzada:nth-child(2n), .buscador.busqueda-avanzada .input.select.avanzada:nth-child(2n),.buscador .input.select.precio:nth-child(2n){margin-right: 0}
    .buscador.busqueda-avanzada .input.text.ciudad, .buscador.busqueda-avanzada .input.select.zona{width: 100%;float: none;clear: both;display: block;margin-bottom: 21px;margin-top: 0}
    .buscador.busqueda-avanzada .btn1{width: 100%;margin-top: 7px}

    /*Nosotros*/
    #nosotros {padding: 21px 0 56px 0;}
    #nosotros .title {font-size: 1.6em;margin-top: -9px;line-height: 1.21em;margin-bottom: 33px;}
    #nosotros .parrafo2{font-size: 1em;line-height: 2em;}
    .listado-agentes{border-bottom: 0;padding-bottom: 0}
    #agentes{padding-bottom: 49px}

    /*Vista agente*/
    #vista-agente img{width: 100%;margin-right: 0}
    #propiedades-agentes .list_view .bloque-casa .button, #listado-propiedades .list_view .bloque-casa .button{display: block;opacity: 1;text-align: center;float: none;padding: 17px 0;}
    #propiedades-agentes.bloque-propiedades{padding-bottom: 19px;}
    #propiedades-agentes .title {padding-top: 33px;margin-bottom: 26px;}
    #vista-agente {padding-top: 12px;}
    #vista-agente .title {margin: 34px 0 28px;}
    #vista-agente .info-agente{margin-top: 25px}
    #vista-agente .info-agente .dato{font-size: 1.2em;margin-bottom: 11px;}
    #vista-agente .info-agente .descripcion{margin-bottom: 17px;}
    #vista-agente .info-contacto.info-contacto2{margin-top: 29px}

    /*Listado de propiedades*/
    .vista-propiedades{display: none;}
    #listado-propiedades{padding-bottom: 26px}
    .paginacion-bloque{margin-top: 30px}
    #listado-propiedades .lista-propiedades{padding-bottom: 0}
    .lista-propiedades {padding-top: 5px !important;}
    #buscador .title .icon-search, .filtros-propiedades .title .icon-search{font-size: 19px}
    .paginacion{float: none;}
    #listado-propiedades .bloque-casa,#listado-propiedades .lista-propiedades .bloque-casa:nth-last-child(3), #listado-propiedades .lista-propiedades .bloque-casa:nth-last-child(2), #listado-propiedades .lista-propiedades .bloque-casa:nth-last-child(1){margin-bottom: 36px}

    /*Preguntas frecuentes*/
    #menu_lateral li.selected a{color: #fff}
    #social_media .grid4{width:100%;margin-right: 0;margin-bottom: 35px}
    #social_media .grid4:last-child{margin-bottom: 0}
    .title-grande{font-size: 1.7em}
    #preguntas{padding: 50px 0 0 0}
    #preguntas .logo-preguntas{display: none;}
    #preguntas .coll-full{padding: 0 15px;box-sizing: border-box;}
    #preguntas .parrafo-grande{margin-bottom: 40px}
    #preguntas .lista-preguntas li.list{height: 66px}
    #preguntas .lista-preguntas li.active{height: auto;}
    #preguntas .icon{display: none;}
    #preguntas .quest span{font-weight: normal!important;}
    #social_media{padding: 20px 0 55px}
    #preguntas .title.b{margin-top: 25px}
    #filtros_buscar{
        margin-left: 10px;
    }
    #buscador .buscador>div .btn1{
        width:100%;
        max-width: initial;
    }
    #vista-propiedad .info-contacto.info-contacto2 .content{
        -webkit-transition: -webkit-transform .3s ease-out;
        -o-transition: -o-transform .3s ease-out;
        transition: transform .3s ease-out;
        -webkit-transform: translate3d(0,-25%,0);
        -o-transform: translate3d(0,-25%,0);
        transform: translate3d(0,-25%,0);
        transform: translate3d(0, 100vh, 0);
    }
    #vista-propiedad .info-contacto.info-contacto2.visible .content{
            -webkit-transform: translate3d(0,0,0);
        -o-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
    .galeria-vista .contenidoFotos .owl-stage-outer, .galeria-vista .contenidoFotos .owl-stage-outer>div{height:100%;}
    .galeria-vista .contenidoFotos .owl-stage-outer .owl-item{width: 90px !important;height:100%}

    .contenedor_previews {
        grid-template-columns: repeat(1, 1fr);
        column-gap: 0px;
        padding: 30px 0px 50px 0px;
    }
    .contenedor_preview {
        border:none;
        justify-content: initial !important;
        margin-bottom: 12px;
    }
    .contenedor_preview {
        border:none;
        justify-content: initial !important;
        margin-bottom: 12px;
    }
    .contenedor_preview:last-of-type {
        margin-bottom: 0px;
    }
    .bloque_preview {
        max-width: 100%;
        display: flex;
        padding: 0px 10px;
    }



}

@media only screen and (max-width:425px), only screen and (max-device-width:425px){
  .busqueda-avanzada-link .icon-angle-down{top: 7px}
  .buscador .btn1{margin-top: 20px;clear: both;margin-left: 10px;}
  .buscador .input.select.disponibilidad, .buscador .input.select.tipo{width: 46%}
  .buscador .disponibilidad {margin-left: 10px !important;}
  .buscador .input.text.avanzada{width: 96%;margin-top:10px;}
  .buscador .input.select.precio{margin-top: 10px;margin-right: 0%;}
    .filtros-propiedades .btn1{margin-left: 10px;}
    #buscador .btn1{margin: 0;width: 100%;float: left;}

}

@media screen and (max-width: 350px){
    footer .conten-links li a{}
    #buscador .busqueda-avanzada-link{text-align: center;display: block;}
    .bloque-casa .icon{font-size: 1em}
    .bloque-casa .dato{margin-right: 2.3%}
    .bloque-casa .dato .text{font-size: 0.7em}
    .bloque-casa .icon{top: 7px}
    .bloque-casa .icon-shower, .bloque-casa .icon-expand{font-size: 0.7em;top: 10px;margin-right: 5px}
    #mrastro{font-size: 0.75em}
    #vista-propiedad .title,#vista-propiedad .info-principal .precio{font-size: 1em}
    .busqueda-avanzada-link .icon-angle-down{top: 28px}
    header .barras-menu:before{display:none}
    .bloque_cat .title-bloque{font-size: 19px;}
}

@media screen and (max-width: 380px){
    header .acciones{margin-left: 10px;}
    .acciones li a.link-idioma{font-size: 13px;}
    .acciones li{margin-right:10px}
}
/* JZ*/
@media only screen and (max-width: 779px) and (min-width: 319px) {
    /*Banner principal en movil*/
    .slider_imagen_principal{
        background-repeat: no-repeat;
        background-position: center;
        background-size:cover;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    /*Finalizar banner principal en movil*/
    .informacion_header { background-color: #000;color: #fff;}
    #contenedor_migas .bc_raiz a { margin-left: 0px;}
    #logo {margin-left: auto;}
    #attraction .content-attraction .contenido{width: 100%;margin-left: 18px;margin-top: 40%;}
    #attraction .content-attraction .contenido .titulo-attraction{text-transform:uppercase;margin-top: 10px;color:#000000;font-weight: 600;font-size: 35px;}
    #attraction .content-attraction .contenido .subtitulo-attraction{text-transform:uppercase;    line-height:20px;color:#000000;font-weight: 500;font-size: 14px;}
    #attraction .content-attraction .contenido .description-attraction{margin-top:15px;margin-bottom:40px;color:#000000;font-weight: 500;font-size: 15px;}
    #attraction .content-attraction .contenido .button-attraction{text-transform:uppercase;padding: 16px 45px;border-radius:5px;height:50px;width: 179px;text-decoration:none;background-color:#000000;color:#fff;font-weight: 600;font-size: 15px;}
    #attraction .swiper-pagination{position: absolute;left: 0;right: 0;text-align: center;}
    
    #attraction{height: calc(100vh - 87px);overflow: hidden;width: 100%;position: relative;/*max-height: 75vh;*/ max-height: 700px;}
    #attraction .swiper-container{height: 100%;}
    #attraction .swiper-container .swiper-wrapper{height: 100%;}
    #attraction .content-attraction{max-width: 1187px;margin:auto;height: 100%; display: flex;align-items: center;}                    
    #attraction .content-attraction .contenido .button-attraction:hover{background-color:#000000bf;font-size: 16px;}
    #attraction img{width: 100%;position: relative;min-width: 1250px;height: 100%;object-fit: cover;}
    #attraction .info{position: absolute;top: 198px;z-index: 1; width: 56%;min-width: 678px;left: 0}
    #attraction .mask-buscador .icon-search:hover{ cursor: pointer; }
    /*#attraction .swiper-pagination{position: absolute;left: 0;right: 0;text-align: center;margin-bottom: 2%;}*/
    #attraction .swiper-pagination-bullet{background-color:unset;opacity: 0.8;margin-right: 10px;-webkit-transition:all .2s ease 0s;transition:all .2s ease 0s;height: 18px;cursor: pointer;;width: 18px;display: inline-block;border-radius: 50%;position: relative;box-sizing: border-box;}
    #attraction .swiper-pagination-bullet:last-child{margin-right: 0}
    #attraction .swiper-pagination-bullet:hover,#attraction .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1}
    #attraction .swiper-pagination-bullet.swiper-pagination-bullet-active{border-color: #897493;opacity: 1;}
    #attraction .swiper-pagination-bullet.swiper-pagination-bullet{border-color: #897493;opacity: 1;background-color: transparent;}
    #attraction .swiper-pagination-bullet::before{content: '';display: block;width: 8px;height: 8px;position: absolute;left: 0;top: 0;border-radius: 50%;left: 0px;top:0px;right: 0;bottom: 0;margin:auto;background: rgba(255,255,255,.5);border: 1px solid #fff;}
    #attraction .swiper-pagination-bullet.swiper-pagination-bullet-active::before{background: #000000}
    #attraction .swiper-pagination-bullet-active{background: none}
    #attraction .swiper-slide{height: 100%;}


    #category .swiper-pagination{position: absolute;color:#000000;margin-top: 25%;margin-left: 15%; width: 70% !important;}
    #category .swiper-pagination-bullet {height: 3px !important;border-radius: inherit;margin: unset !important;background-color: #00B4AD !important;border: none !important;width: 25% !important;}      
    #category .swiper-pagination-bullet-active {opacity: 1;background-color: #DDC8E3 !important;}
    .current-slide{font-family:Montserrat;font-size: 15px;color:#000000;margin-top: -7%;}
    .category {
        height: 450px;
    }
    #category-container .swiper-button-next{ position: absolute;background-color: #000000;opacity: 1.35;color: white;height: 65px;width: 59px; top: calc(55% - 100px);border-radius: 1%;
        background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20viewBox%3D\'0%200%2027%2044\'%3E%3Cpath%20d%3D\'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z\'%20fill%3D\'%23ffffff\'%2F%3E%3C%2Fsvg%3E" )!important;}
    #category-container .swiper-button-prev{position: absolute;color:white;opacity: 1.35;background-color: #000000;height: 65px;width: 59px;top: calc(55% - 100px);border-radius: 1%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20viewBox%3D\'0%200%2027%2044\'%3E%3Cpath%20d%3D\'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z\'%20fill%3D\'%23ffffff\'%2F%3E%3C%2Fsvg%3E" )!important;
    }
    #category .swiper-slide {text-align: center;font-size: 18px;background: #fff;transition: 1s;height: 347px;width: 344px;}
    #category .swiper-slide input{background-color: #DBC9E3;color: #000000;border-color: #DBC9E3;box-shadow: #DBC9E3;width: 175px;height: 44px;border: none; font-size:15px; font-family:'Work ';font-weight: 600;bottom: 20px;position: relative; }
    #category-container{height: calc(90vh - 87px);width: 100%;position: relative;}


    /*ACTIVOS NATURALES*/
    #activos-div-banner{height:320px;background:#DBC9E3;margin-bottom:60px}
    #activos-div-banner .activos_imagen{width:100%;height:160px}
    #activos-div-banner .activos_contenido{background:rgba(219,201,227,0.7);width:100%;height:160px;display:flex;align-items:center;position:relative;top: 160px;}
    .activos_contenido .activos_texto{padding:30px 50px}
    .activos_texto .activos_titulo{font-family:'Work-SemiBold';font-weight:600;font-size:27px;color:#000000;padding-bottom:15px}
    .activos_texto .activos_descripcion{font-family:'Work-Medium';font-weight:500;font-size:15px;color:#000000}
   
    #distribuidores #activos-div-banner{margin-bottom: 0px;}

    .div-barra-activos{width:90%;height:3px; background-color:#CCCCCC;margin-left:18px;margin-top:20px;}
    #div-container-activos{display:block;}
    #activos-div-imagen{background-color:#8F8B90; width:100%;height:339px; margin-top:70px;}


    
  
      
}
/* JZ*/
@media only screen and (max-width: 779px) and (min-width: 520px) {
    #category .swiper-pagination{position: absolute;color:#000000;margin-top: 16%;margin-left: 1%; width: 100% !important;}
    #category .swiper-pagination-bullet {height: 3px !important;border-radius: inherit;margin: unset !important;background-color: #00B4AD !important;border: none !important;width: 40% !important;}      
    #category .swiper-pagination-bullet-active {opacity: 1;background-color: #DDC8E3 !important;}
    .current-slide{font-family:Montserrat;font-size: 15px;color:#000000;margin-top: 16%;}
}
/*bloque buscador*/

@media screen and (max-width: 700px){
#ctn-bar-search{width: 95;background: white;color:#000000;padding: 30px;margin-top: -200px; transition: all 800ms;position: relative;}
#caja-resultados{width: 100%;background: #fff;height: 34%;margin-top: -290px;}
#ctn-bar-search input{display: block;width: 80%;margin:auto;padding: 13px;border-radius:4px;border: 2px solid #000000}
#lupa-en-buscador img{left: 68%;width: 20px;}
#icono-salir img{left: 77%;width: 30px;}
#ctn-bar-search input{display: block;width: 85%;margin:10px;padding: 13px;border-radius:4px;border: 2px solid #000000;margin-left: 0;}
}

@media screen and (max-width: 950px){
    #ctn-bar-search{width: 95%;background: white;color:#000000;padding: 30px;margin-top: -120px; transition: all 800ms;position: relative;}
    #ctn-bar-search input{display: block;width: 80%;margin:auto;padding: 13px;border-radius:4px;border: 2px solid #000000;}
    #caja-resultados{width: 100%;background: #fff;height: 34%;margin-top: -340px;position: inherit;}
    #lupa-en-buscador img{left: 70%;width: 20px;}
    #icono-salir img{left: 77%;width: 30px;}
    #ctn-bar-search input{display: block;width: 85%;margin:10px;padding: 13px;border-radius:4px;border: 2px solid #000000;margin-left: 0;}
    }


    /*bloque productos*/
@media screen and (max-width: 700px){
    .productos-mostrados{text-align: center;float: left;margin: 0px 10px 20px 10px;width: 300px;height: 480px;justify-content: center;position: relative;}
    
    
    .bloque-productos .bloque-select-productos .mostrando-info{float: left;width: 100%;margin-top: 15.5px;position: absolute;top: 60px;left: 72px;}
    .bloque-productos .bloque-select-productos .filtro-productos{float: left;width: 100%;text-align: right;font-weight: 600;justify-content: right;display: flex;position: absolute;left: -40px;}
    .input input,.input select,.input.textarea textarea{text-align: right;margin-right: 20px;height: 35px;-webkit-appearance: none;-moz-appearance: none;color: #000000;font-size: 0.86em;border-radius:3px;width: 100%;padding: 0px 31px 0px 0px;border: 1px solid transparent;-webkit-appearance: none;-moz-appearance: none;height: 44px;box-sizing: border-box;background: transparent;font-size: 15px;line-height: 18px;}

    .productos-area{padding-top: 40px;}
    
    .bloque-productos .bloque-select-productos .select {
        cursor: pointer;
        display: inline-block;
        position: relative;
        font-size: 16px;
        color: #fff;
        width: 165px;
        height: 40px;
      }
    

      #caja-resultados{
        height: auto !important;
        margin-top: 0px;
        padding: 20px 18px 30px 18px;
        box-sizing: border-box;
        position: absolute;
        top: 191px;
        z-index: 100;
        min-height: 623px;
      }


    }

    @media screen and (max-width: 425px) {
        #fondo-header{
            grid-template-columns: 60% auto !important;
            align-items: center;
        }
    }

    @media screen and (min-width: 320px) and (max-width: 1000px) {
        #contenedor_header{
            display: grid;
            height: 320px;
            margin-bottom: 55px;
        }
        
        #contenedor_header .contenedor_informacion .informacion_header .info{
            height: 160px;
            align-items: start;
            color: #fff;
        }

        #contenedor_header .header_imagen{
            width: 100%;
            height: 160px;
            position: relative;
        }
        
        #contenedor_header .contenedor_informacion{
            width: 100%;
            height: 160px;
            position:relative;
        }

        #contenedor_header .contenedor_informacion .informacion_header .info .titulo-header{
            font-size:27px;
            margin-bottom: 28px; 
            margin-top: 24px; 
        }

        #contenedor_header .contenedor_informacion .informacion_header .info .descripcion-header{
            font-family:"Work-Medium";
            font-weight:500;
            font-size: 15px;
            width: auto;
        }

        /* .div-princpial-footer .div-secundario-footer .div-terciario-footer .recibe-novedades .correo-novedades{min-width: 221px;} */
        /* .div-princpial-footer .div-secundario-footer .div-terciario-footer .recibe-novedades input[type = "text"]{padding-left: 50px; padding-right: 34.75px;} */
        .card_productos_categorias .foto_producto{
            margin: auto;
            height: 283px;
            width: 241px;
        }
        .card_productos_categorias{
            width: 100%;
        }

        .tienda_en_modal .imagen{
            width: 164px;
            height: 109px;
        }
        #contenedor_saludo { display: none !important;}
        #fondo-header{grid-template-columns: 40% auto; height: 76px !important;}
        /* Bloques informativos mov */
        .contenedor_bi{width:100%;margin:0;display:flex;align-items:center;justify-content:center;margin-bottom:179px}
        .contenedor_bi .informativo{width:100%;height:650px;display:flex;justify-content:center;}
        .contenedor_bi .img_info{width:323px;height:340px}
        .contenedor_bi .contenedor_info{position:relative;background:#fff;color:#000; top:179px;height:650px}
        .contenedor_bi .contenedor_img{position:absolute}
        .contenedor_bi .img_info{border-radius:6px;border:8px solid #FFF}
        .contenedor_bi .informacion{margin-top:200px;padding:18px}
        .contenedor_bi .subtitulo_info{font-size:15px;font-family:"Raleway";letter-spacing:5px;margin:5px;}
        .contenedor_bi .marcar_registrada{font-size:20px;vertical-align:super}
        .contenedor_bi .titulo_info{font-size:27px;font-family:"Work-SemiBold";line-height:49px;margin:15px 0; width: 300px;}
        .contenedor_bi .descrip_info{font-size:15px;line-height:24px;font-family:"Raleway";margin-bottom:50px}
        .contenedor_bi .btn_info{color:#fff;background-color:#000000;width:179px;height:50px;border-radius:5px;text-decoration:none;text-align:center;font-size:15px;font-family:"Work-Medium";padding:15px 30px}
        .contenedor_bi .informativo_bloque_2 { margin-bottom: 5px;}
    
        /* -Nosotros moviles- */
        #nosotros{background-color:#EFE7F2;padding:10px 50px}
        #nosotros .migas_pan{font-size:12px;font-family:'Work-SemiBold';font-weight:600}
        #nosotros .bc_resaltar{font-weight:700;color:#000000}
        #nosotros .bc_separador{font-size:20px;padding:0 5px}
        #contenedor_nosotros{height:320px;background:#DBC9E3;margin-bottom:60px}
        #contenedor_nosotros .nos_imagen{width:100%;height:160px}
        #contenedor_nosotros .nos_contenido{background:rgba(219,201,227,0.7);width:100%;height:160px;display:flex;align-items:center}
        .contendor_pro_cat {margin-bottom:0px !important}
        .nos_contenido .nos_texto{padding:30px 18px}
        .nos_texto .nos_titulo{font-family:'Work-SemiBold';font-weight:600;font-size:27px;color:#000000;padding-bottom:15px}
        .nos_texto .nos_descripcion{font-family:'Work-Medium';font-weight:500;font-size:15px;color:#000000}
        #contenedor_inspiracion{width:100%;text-align:center;color:#000000;padding:50px 0}
        #contenedor_inspiracion .insp_subtitulo{width:100%;font-family:'Work-Medium';font-weight:500;font-size:14px;padding-bottom:10px;letter-spacing:3px}
        #contenedor_inspiracion .insp_titulo{width:100%;font-family:'Work-SemiBold';font-weight:600;font-size:27px}
        .inspiraciones{padding:30px 0}
        .inspiracion .ci{padding:0}
        .inspiraciones .inspiracion{height:364px;text-align:center;display:flex;align-items:center;justify-content:center}
        .inspiracion .insp_contenido{padding-top:20px}
        .insp_contenido .insp_titulo_interno{font-family:'Work-SemiBold';font-weight:600;font-size:18px;padding-bottom:15px}
        .insp_contenido .insp_texto_interno{font-family:'Work-Medium';font-weight:500;font-size:15px;padding:0 60px;line-height:25px}
        #contenedor_imagen{height:369px;margin-bottom:60px; background-size: cover !important; background-repeat: no-repeat !important; background-position-y: center !important; background-position-x: center !important;}

        .container_review .container_review_card{grid-template-columns:100%}
        .container_review .calification_review{grid-template-columns:auto;grid-template-rows:auto auto auto}
        .container_review .calification_review p{padding-bottom:20px;padding-top:25px}
        .container_review_card .card_review{width:auto}
        .container_product{display:grid;grid-template-columns:auto;margin:0;padding:0;width:100%}
        .visualizer{visibility:hidden;width:0;height:0}
        .detail{width:auto;padding:10px 25px}
        .varieties .dropdown_container{width:auto;height:38px}
        .iwant{grid-template-columns:auto;grid-template-rows:60px 60px;margin:0 20px; justify-content: center;}
        .iwant .link-distribution{padding:25px 0;text-align:center}
        .iwant .btn-shop{margin:0; width: 287px;}
        .review_commentary{grid-template-columns:auto;grid-template-rows:auto auto;padding:10px 0 0}
        .modal_comentary{padding-top:20px}
        #container_prod_rel .subtitulo{padding:40px 30px 10px 20px;text-align:start}
        #container_prod_rel .titulo{padding:20px 30px 20px 20px;font-size:25pt;text-align:start}
        .number_dots{grid-template-columns:18% auto}
        .number_dots_categorias{grid-template-columns:18% auto}
        .slider_producto .swiper-button-next,.slider_producto .swiper-button-prev{width:40px;height:40px}
        .slider_categorias .swiper-button-next,.slider_categorias .swiper-button-prev{width:40px;height:40px; visibility: hidden;}
        /* .swiper-button-next:after,.swiper-button-prev:after{font-size:17px!important} */
        .slider_producto .swiper-button-next:after, .slider_producto .swiper-button-prev:after{font-size:17px!important}
        .slider_categorias .swiper-button-next:after, .slider_categorias .swiper-button-prev:after{font-size:17px!important}
        #container_prod_rel .contenedor_slider{padding:60px 0}
        .movile{visibility:visible;height:100px;width:100%;padding-top:15px}
        .social_download .social p{text-align:start;padding:0}
        .social_download .social{padding-top:15px;grid-template-columns:90px auto;border:hidden}
        .visualizer_movile{visibility:visible;height:344px;width:338px; margin: auto}
        .slider_moviles{background:#fff;width:100%;height:344px}

        .slider_moviles .swiper-horizontal>.swiper-pagination-bullets, .slider_moviles .swiper-pagination-bullets.swiper-pagination-horizontal, .slider_moviles .swiper-pagination-custom, .slider_moviles .swiper-pagination-fraction {
            bottom: 62px;
            left: 0;
            width: 100%;
        }
        #slider_inicial .swiper-slide{width:100%;height:520px}
        #slider_inicial .swiper-slide img{display:block;width:100%;height:100%;object-fit:cover}
        .slider_moviles .swiper-pagination-bullet.swiper-pagination-bullet-active.swiper-pagination-bullet-active-main{background:radial-gradient(#000000 27%,white 40%,white 0%);border:1px solid #000000;border-radius:100%;width:13px!important;height:13px!important;border-spacing:10px 5px}
        .slider_moviles .swiper-pagination-bullet{background-color:#fff;border:1px solid #000000;width:15px!important;height:15px!important;border-radius:100%;opacity:100%}
        .imagen_slider_moviles{background: white;height: 350px;background-size: contain;background-repeat: no-repeat;background-position-y: center;background-position-x: center;}
        .sinimg_slider_movile{background: rgb(230, 223, 223);width: 100%;display: flex;justify-content: center;align-items: center}
        .container_modal{width:100%;height:100%;border-radius:0;padding:0;display:block;align-items:center;justify-content:center;padding:15px}
        .nombre_email{grid-template-columns:100%}
        .nombre_email .nombre_review{padding-bottom:15px}
        .star_calification{display:block;padding:0}
        .star_calification .start{padding:10px 0}
        .modal_header .title_modal{font-size:18pt;text-align:center;padding-top:30px;padding-left:15px;width:100%}
        .modal_header{margin-bottom:15px;padding-top:6px;grid-template-columns:89% auto}
        .mensaje_review textarea,.nombre_review input,.email_review input{height:40px;padding:0;padding-left:15px;width:97%}
        .mensaje_review textarea{height:80px;padding:10px 0 0 15px;width:97%}
        .mensaje_review label,.nombre_review label,.email_review label,.star_calification label{font-size:10pt}
        .review_privacy{display:grid;grid-template-columns:75%;align-items:center;justify-content:center}
        .container_modal_tiendas{width:100%;height:100%;border-radius:0;padding:14px 10px}
        .modal_header_tiendas{grid-template-columns:90% auto}
        .modal_header_tiendas .title_modal{text-align:center;padding-top:33px;padding-left:33px}
        .mi_tiendas_modal{grid-template-columns:auto auto}
        .footer_modal_tiendas{display:grid;grid-template-columns:75%;align-content:center;justify-content:center;text-align:center;padding-top:25px}
        
        .contenedor_activos{
            grid-template-columns: 100%;
        }

        .tarjeta_activo{
            grid-template-columns: 100%;
        }

        .imagen-activo{
            width: 335px;
            height: 356px;
        }

        .nombre-activo{
            padding-top: 15px;
            padding-bottom: 25px;
        }

        .informacion-activo{
            padding: 0px;
        }

        .tarjeta_categoria .imagen { 
            width: 360px; 
            height: 360px;
            background: #CCC;
        }

        .tarjeta_categoria .imagen .categoria_name{
            position: absolute;
            top: 335px;
        }
        
        .menu_categorias ul{
            justify-content: start;
            padding: 0px 20px 0px 20px;
        }

        .menu_categorias  ul li{
            padding: 0px 7px 0px 7px;
        }
    }

    @media screen and (max-width: 500px){
        .bloque-presentacion-coloracion{width: 100%;height: 310px;background: #DBC9E3;color: #000000;justify-content: right;}
        .bloque-presentacion-coloracion_nos{width: 100%;height: 160px;background: #DBC9E3;color: #000000;justify-content: right;}
            #container_unete{
                height: 421.15px;
            }

            #container_unete .sub_container{
                width: 80%;
                height: 321.15px;
            }

            #container_unete .botones_unete{
                display: grid;
                grid-template-rows: auto auto;
                row-gap: 30px;
                justify-content: center;
                align-items: center;
            }

            #container_unete .titulo_unete{
                font-size: 27px;
            }
            #container_unete .descripcion_unete{
                padding-bottom: 20px;
            }

            #container_unete .botones_unete .btn-unete{
                width: 247.67px;
                height: 20px;
            }

        .bloque-presentacion-coloracion .txt-intro{padding-left: 15%;padding-top: 3%;padding-right: 5%;float: left;position: absolute;top:285px;width: 90%; text-align: justify;}
        .bloque-presentacion-coloracion .txt-intro .titulo-intro h2{font-size: 27px;font-weight: 600;margin-bottom: 4%;margin-top: 3%;}
        .bloque-presentacion-coloracion .txt-intro .descripcion-intro h2{padding-left: 0.5%; font-size: 15px;font-weight: 600;;margin-bottom: 1.5%;margin-top: 1.5%;}
        .bloque-presentacion-coloracion .img-intro{}
        .bloque-presentacion-coloracion .img-intro img{float: left;height: 180px;width: 430px;}

        .bloque-presentacion-coloracion_nos .txt-intro{padding-left: 5%;padding-top: 3%;padding-right: 5%;float: left;position: absolute;top:285px;width: 90%; text-align: justify;}
        .bloque-presentacion-coloracion_nos .txt-intro .titulo-intro h2{font-size: 27px;font-weight: 600;margin-bottom: 4%;margin-top: 3%;}
        .bloque-presentacion-coloracion_nos .txt-intro .descripcion-intro h2{padding-left: 0.5%; font-size: 15px;font-weight: 600;;margin-bottom: 1.5%;margin-top: 1.5%;}
        .bloque-presentacion-coloracion_nos .img-intro{}
        .bloque-presentacion-coloracion_nos .img-intro img{float: left;height: 180px;width: 430px;}

        #carga{top:96%}
    }

    @media screen and (max-width: 900px)  {
        .input input,.input select,.input.textarea textarea{text-align: right;margin-right: 90px;height: 35px;-webkit-appearance: none;-moz-appearance: none;color: #000000;font-size: 0.86em;border-radius:3px;width: 100%;padding: 0px 31px 0px 0px;border: 1px solid transparent;-webkit-appearance: none;-moz-appearance: none;height: 44px;box-sizing: border-box;background: transparent;font-size: 15px;line-height: 18px;}
        .productos-mostrados{text-align: center;float: left;margin: 0px 10px 20px 10px;width: 22%;height: 330px;justify-content: center;}
        .bloque-presentacion-coloracion .img-intro img{float: left;width: 430px;}
    }

    @media screen and (max-width: 900px)  {
        .coll-full.clearfix.listado_prods{
            max-width: 800px;
        }
        .productos-area {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            column-gap: 25px;
            width: 100%;
        }
        .productos-mostrados {
            text-align: center;
            margin: 0px;
            width: 100%;
            height: auto;
            margin-bottom: 75px;
        }

        .grid-donde-comprar{
            display: grid;
            grid-template-columns: 100%;
            grid-template-rows: 150px;
            text-align: center;
            padding: 50px 0 50px 0;
          }
            
    }
    @media screen and (max-width: 768px)  {
        .coll-full.clearfix.listado_prods{
            max-width: 600px;
        }
        .productos-area {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            column-gap: 25px;
            width: 100%;
        }
        .productos-mostrados {
            text-align: center;
            margin: 0px;
            width: 100%;
            height: auto;
            margin-bottom: 75px;
        }
            
    }

    @media screen and (max-width: 600px)  {


        #ctn-bar-search input{
            margin: 0px;
            width: 100%;
        }
        #ctn-bar-search{
            margin: 0px !important;
            padding: 30px 18px;
            box-sizing: border-box;
            width: 100%;
            position: absolute;
            z-index: 100;
            top: 76px;
        }

        #lupa-en-buscador img {
            left: inherit;
            right: 70px;
        }
        #icono-salir img{
            left: inherit;
            right: 15px;
        }

        .coll-full.clearfix.listado_prods {
            width: 100%;
            max-width: 100%;
            padding: 0px 18px;
            box-sizing: border-box;
        }
        .productos-area {
            display: grid;
            grid-template-columns: repeat(1, 1fr);
            column-gap: 25px;
            width: 100%;
        }
        .productos-mostrados {
            text-align: center;
            margin: 0px;
            width: 100%;
            height: auto;
            margin: 0px auto 20px auto;
            padding: 0px 50px;
            box-sizing: border-box;
            min-height: 450px;
        }
        .productos-mostrados .foto-producto img {
            margin-bottom: 60px;
        }
        .productos-mostrados .descripcion-producto {
            margin-top: 30px;
        }
        .productos-area{padding-top: 0px;}
        
        .bloque-productos {
            padding: 0px 10px 20px 10px;
            box-sizing: border-box;
            height: 100px;
        } 
        .bloque-productos .input input, .bloque-productos .input select, .bloque-productos .input{text-align: left;margin-bottom: 20px;}
        .bloque-productos .filtro-productos {
            float: left;
            display: block;
        }
        .orden{
            width: 120px !important;
        }
        .bloque-productos .mostrando-info {
            width: 100%;
            position: relative;
            top: 59px;
            
        }
        
        .select-categoria{
            float: left;
            margin-right: 50px;
            margin-bottom: 0px;
        }
        
        .listado_prods{margin-bottom: 40px;}
    
            
    }
    @media screen and (max-width: 1000px) and (min-width: 600px){
        .div-radio-individual-distribuidores {
            width: 25%;
        }
        .div-principal-input-distribuidores {
            grid-template-columns: repeat(2, 1fr);
            column-gap: 20px;
        }
    }