*{margin:0;box-sizing:border-box; margin: 0; text-decoration: none; padding: 0; font-family:Helvetica; transition: all .2s;}::-webkit-scrollbar-track{background-color:#f7f7f7}::-webkit-scrollbar{width:1rem;}::-webkit-scrollbar-thumb{background:#c9c9c9; border-radius: 3rem;} .fullFULL {position: absolute; width: 0; height: 0; visibility: hidden; opacity: 0; overflow: hidden;} a {color: #005D68; font-size: 1rem;}

#full {position: relative; width: 100%; margin: 0 auto; display: grid;} .botFIX {position: fixed; font-size: 2rem; padding: .5rem; background: #038593; color: #fff; border-radius: 50%; z-index: 100; bottom: .2rem; right: .2rem;} .botFIX:hover {background: #00DDF6; color: #038593;}.anime {transform: scale(0); opacity: 0;} .anime-start {transform: scale(1); opacity: 1;}

.titPADR {position: relative; width: 90%; margin: 0 auto; text-align: center; color: #005D68; padding: 1rem 0; font-size: 1.8rem;} .subtitPADR {font-size: 1.2rem; color: #005D68; width:80%; margin: 0 auto; text-align: center;}

#topo [type=checkbox]{display:none}input[type=checkbox]{visibility:hidden}#full{position:relative;width:100%;height:100%;left:0;right:0;margin:0 auto;}#topo{position:fixed;width:100%;height:auto;top:0;left:0;right:0;margin:0 auto;grid-area:topo;z-index:9999;transition:1s;display: flex; justify-items: center;}*,.nav-item__link{outline:0; font-size: .96rem; color: #fff;}.mobile-menu-button{width:2rem;height:2rem;padding:.5rem;left:1rem;display:block;position:relative;z-index:100;background: #038593;box-sizing:content-box;border-radius:50%;text-indent:100%;color:transparent;white-space:nowrap;cursor:pointer;overflow:hidden;border:none}.mobile-menu-button__open{top:50%;margin-top:-1px;left:50%;margin-left:-12px}.mobile-menu-button__open,.mobile-menu-button__open::after,.mobile-menu-button__open::before{position:absolute;width:24px;height:2px;background:#fff;border-radius:3em;transition:all .3s}.mobile-menu-button__open::after,.mobile-menu-button__open::before{left:0;content:""}.mobile-menu-button__open::before{top:6px}.mobile-menu-button__open::after{bottom:6px}.mobile-menu-button__close{background:0 0;transform:rotate(180deg)}.mobile-menu-button__close::before{transform:translateY(-6px) rotate(45deg)}.mobile-menu-button__close::after{transform:translateY(6px) rotate(-45deg)}.navigation{position:absolute;top:0;left:2em;height:100%;margin:auto; }.navigation .nav{transform:translateX(-110%); position: relative; width: 45rem !important; background: #038593; transition:all .5s ease-in-out;}.navigation.on .nav{transform:translateX(0);width:100%;border-radius: 1rem;}.nav{font-size:0;top:0;}.nav__item{display:inline-block;transition:all .2s;color: #fff}.nav__item:first-child .nav-item__link{padding-left:3rem;}.row-padding{padding:3rem 0}.nav-item__link{padding:1rem;display:block;background-color:transparent;text-transform:uppercase;transition:all .2s ease-in-out}.nav-item__link--on,.nav-item__link:hover{background-color:#00DDF6; color: #005D68; border-radius: 2rem; }.wrapper{margin:0 auto; position: relative; width: 100%;}.Module{margin-top:.3em;margin-bottom:.3em;position:relative;transition:all .3s ease-in-out; width: 100%;}.hide{transform:translateX(-100%);background:#038593;transition:all .2s;opacity:0} .mobile-menu-button:hover {background: #00DDF6;} .nav__item0 {border-radius: 2rem; }.nav__item1 {border-radius: 2rem;} #topo span {font-size: .9rem;}

#slid {
    position: relative;
    width: 100%;
    height: 110vh;
    top: 0;
    left: 0; 
    background-image: url(../imgs/capa/capa-up-desentupidora-fulldynamic-01.webp); background-position: bottom; background-repeat: no-repeat; background-size: 100%;
    overflow: hidden;
    display: grid; place-items: center;
  } .titSLID {text-align: left;} #slid a {padding: 1rem; margin-left: 1rem; border-radius: 3rem; background: #038593; color: #fff; border: .2rem ridge #00DDF6; } #slid a:hover {background: #00DDF6; border: .2rem ridge #00DDF6; color: #005D68;} #slid a:hover span {color: #038593;} 
  
  .item-1, 
  .item-2,
  .item-3 {
  position: absolute;    
    display: block;
    color: #005D68;
  width: 30%;
  left: 0;
  margin: -17rem 0 0 7rem;  
  font-size: 1.9rem;
  -webkit-animation-duration: 20s;
          animation-duration: 20s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
        font-weight: bold;
  }
  
  .item-1{
  -webkit-animation-name: anim-1;
          animation-name: anim-1;
  }
  
  .item-2{
  -webkit-animation-name: anim-2;
          animation-name: anim-2;
  }
  
  .item-3{
  -webkit-animation-name: anim-3;
          animation-name: anim-3;
  }
  
  @-webkit-keyframes anim-1 {
  0%, 8.3% { left: -100%; opacity: 0; }
  8.3%,25% { left: 0; opacity: 1; }
  33.33%, 100% { left: 110%; opacity: 0; }
  }
  
  @keyframes anim-1 {
  0%, 8.3% { left: -100%; opacity: 0; }
  8.3%,25% { left: 0; opacity: 1; }
  33.33%, 100% { left: 110%; opacity: 0; }
  }
  
  @-webkit-keyframes anim-2 {
  0%, 33.33% { left: -100%; opacity: 0; }
  41.63%, 58.29% { left: 0; opacity: 1; }
  66.66%, 100% { left: 110%; opacity: 0; }
  }
  
  @keyframes anim-2 {
  0%, 33.33% { left: -100%; opacity: 0; }
  41.63%, 58.29% { left: 0; opacity: 1; }
  66.66%, 100% { left: 110%; opacity: 0; }
  }
  
  @-webkit-keyframes anim-3 {
  0%, 66.66% { left: -100%; opacity: 0; }
  74.96%, 91.62% { left: 0; opacity: 1; }
  100% { left: 110%; opacity: 0; }
  }
  
  @keyframes anim-3 {
  0%, 66.66% { left: -100%; opacity: 0; }
  74.96%, 91.62% { left: 0; opacity: 1; }
  100% { left: 110%; opacity: 0; }
  }
  
  #sol {position: relative; padding-top: 2rem; width: 100%; margin: 0 auto; background-position: top; background-repeat: no-repeat; background-image: url(../imgs/capa/capa-up-desentupidora-fulldynamic-02.webp); background-size: cover; display: grid; grid-template-areas: "titSOL titSOL titSOL titSOL" "subtitSOL subtitSOL subtitSOL subtitSOL" "blocSOL blocSOL blocSOL blocSOL"; place-items: center; place-content: center; grid-gap: 2rem;} #sol .titPADR {grid-area: titSOL; margin-bottom: 1rem; width: 60%; text-align: center;} #sol .subtitPADR {grid-area: subtitSOL; margin-top: -2rem;} .blocSOL {background: #fff; border: .2rem ridge #00DDF6; width: 15rem; height: 19rem; border-radius: 1rem; padding: 1rem; display: grid; place-items: center;} .svgSOL {position: relative; width: 7rem; height: 7rem; padding: .5rem; border-radius: 50%; margin: .1rem auto; background-color: #fff; background-position: center; background-repeat: no-repeat; background-size: 100%; border: .2rem ridge #00DDF6;} .svgSOL1 {background-image: url(../imgs/icon/dedetizadora-fulldynamic-01.png);} .svgSOL2 {background-image: url(../imgs/icon/dedetizadora-fulldynamic-02.png);} .svgSOL3 {background-image: url(../imgs/icon/dedetizadora-fulldynamic-03.png);} .svgSOL4 {background-image: url(../imgs/icon/dedetizadora-fulldynamic-04.png);} .blocSOL:hover {background: #005D68; border-radius: 0; cursor: pointer;} .titSOL {font-size: 1.3rem; font-weight: 600; margin: .1rem auto; color: #005D68; text-align: center;} .descSOL {font-size: 1rem; text-align: center; padding: .5rem; color: #005D68;} .blocSOL:hover p,span {color: #fff;}

  #port {position: relative; width: 100%; margin: 0 auto; background-color: #f7f7f7; background-position: top; background-size: 100%; background-repeat: no-repeat;   background-image: url(../imgs/capa/capa-up-desentupidora-fulldynamic-03.webp); padding: 5rem 0; display: grid; grid-template-areas: "titPORT titPORT titPORT titPORT" "subtitPORT subtitPORT subtitPORT subtitPORT" "blocPORT blocPORT2 blocPORT3 blocPORT4"; grid-gap: 2rem; place-content: center;} #port .titPADR {grid-area: titPORT; margin-bottom: 1rem;} #port .subtitPADR {grid-area: subtitPORT; margin-top: -2rem;} .blocPORT {width: 15rem; height: 15rem; background-position: center; background-repeat: no-repeat; background-size: cover; cursor: pointer; border: .2rem ridge #00DDF6; border-radius: 50%;}  
  
  .imgCltDes01 {background-image: url(../imgs/clt/up-desentupidora-fulldynamic-02.webp)} .imgCltDes02 {background-image: url(../imgs/clt/up-desentupidora-fulldynamic-03.webp);} .imgCltDes03 {background-image: url(../imgs/clt/up-desentupidora-fulldynamic-04.webp);} .imgCltDes04 {background-image: url(../imgs/clt/up-desentupidora-fulldynamic-05.webp);} .imgCltDes05 {background-image: url(../imgs/clt/up-desentupidora-fulldynamic-06.webp);} .imgCltDes06 {background-image: url(../imgs/clt/up-desentupidora-fulldynamic-07.webp);} .imgCltDes07 {background-image: url(../imgs/clt/up-desentupidora-fulldynamic-08.webp);} .imgCltDes08 {background-image: url(../imgs/clt/up-desentupidora-fulldynamic-09.webp);} .imgCltDes09 {background-image: url(../imgs/clt/up-desentupidora-fulldynamic-10.webp);} .imgCltDes010 {background-image: url(../imgs/clt/up-desentupidora-fulldynamic-11.webp);} .imgCltDes011 {background-image: url(../imgs/clt/up-desentupidora-fulldynamic-12.webp);} .imgCltDes012 {background-image: url(../imgs/clt/up-desentupidora-fulldynamic-13.webp);} .imgCltDes013 {background-image: url(../imgs/clt/up-desentupidora-fulldynamic-14.webp);} .imgCltDes014 {background-image: url(../imgs/clt/up-desentupidora-fulldynamic-15.webp);} .imgCltDes015 {background-image: url(../imgs/clt/up-desentupidora-fulldynamic-16.webp);} .imgCltDes016 {background-image: url(../imgs/clt/up-desentupidora-fulldynamic-01.webp);}

  .imgCltDed01 {background-image: url(../imgs/clt/dedetizadora-up-fulldynamic-01.jpg);} .imgCltDed02 {background-image: url(../imgs/clt/dedetizadora-up-fulldynamic-02.jpg);} .imgCltDed03 {background-image: url(../imgs/clt/dedetizadora-up-fulldynamic-03.jpg);} .imgCltDed04 {background-image: url(../imgs/clt/dedetizadora-up-fulldynamic-04.jpg);} .imgCltDed05 {background-image: url(../imgs/clt/dedetizadora-up-fulldynamic-05.jpg);} .imgCltDed06 {background-image: url(../imgs/clt/dedetizadora-up-fulldynamic-06.jpg);} .imgCltDed07 {background-image: url(../imgs/clt/dedetizadora-up-fulldynamic-07.jpg);} .imgCltDed08 {background-image: url(../imgs/clt/dedetizadora-up-fulldynamic-08.jpg);} .imgCltDed09 {background-image: url(../imgs/clt/dedetizadora-up-fulldynamic-09.jpg);} .imgCltDed010 {background-image: url(../imgs/clt/dedetizadora-up-fulldynamic-010.jpg);} .imgCltDed011 {background-image: url(../imgs/clt/dedetizadora-up-fulldynamic-011.jpg);} .imgCltDed012 {background-image: url(../imgs/clt/dedetizadora-up-fulldynamic-012.jpg);} .imgCltDed013 {background-image: url(../imgs/clt/dedetizadora-up-fulldynamic-013.jpg);} .imgCltDed014 {background-image: url(../imgs/clt/dedetizadora-up-fulldynamic-014.jpg);} .imgCltDed015 {background-image: url(../imgs/clt/dedetizadora-up-fulldynamic-015.jpg);} .imgCltDed016 {background-image: url(../imgs/clt/dedetizadora-up-fulldynamic-016.jpg);}


.blocPORT:hover {border-radius: 0; z-index: 100;} 

#bnf {position: relative; width: 100%; margin: 0 auto; padding: 2rem 0;  display: grid; background-position: top; background-repeat: no-repeat; background-color: #f7f7f7; background-size: 100%; background-image: url(../imgs/capa/capa-up-desentupidora-fulldynamic-04.webp);} #bnf .subtitPADR {margin-bottom: 4rem;} .blocBNF {position: relative; width:70%; height: 100%; margin: 0 auto;} .titBNF {font-size: 1.6rem; padding: 1rem; width: 50%; font-weight: 600; color: #005D68;} .descBNF {padding: 1rem; font-size: 1.3rem; color: #005D68; width: 50%;} .imgsBNF {background-color: rgba(255, 255, 255, 0.5); position: relative; right: 0; width: 50%; border: .1rem solid #e7e7e7; padding: .5rem; border-radius: 10rem; display: grid; place-content: center; place-items: center; height: 50%; top: -60%; left: 50%;} .imgsBNF2 {transform: translateX(-100%);} .titBNF2,.descBNF2 {transform: translateX(102%);}  .blocBNF .anime {transform: translateX(-100rem);} .blocBNF .anime-start {transform: translateX(0);} .imgsBNF span {position: relative;  border-radius: 50%; background: #005D68; color: #fff; font-size: 4rem;}

.va-carrousel-section {
        position: relative;
        width: 98vw;
        left: 0;
        right: 0;
        margin: 0 auto 3rem auto; background-position: center; background-repeat: no-repeat; background-size: 100%; background-image: url(../imgs/capa/capa-up-desentupidora-fulldynamic-02.webp); background-attachment: fixed; background-color: #f7f7f7;
        padding: 2rem 0 3rem 0;
      } .va-carrousel-section .titPADR {color: #005D68;} .nomFEED {width:100%; padding: .3rem; background: #005D68; text-align: center;} .descFEED {width:100%; padding: .3rem; margin-top: .5rem; text-align: center; color: #005D68; }
      
      .descFEED a {background: #00DDF6; color: #005D68; font-size: .9rem; padding: .2rem;}
      
      .link-plain,
      .link-plain:hover,
      .link-plain:active,
      .link-plain:visited {
        text-decoration: none;
      }
      
      .link-plain-f,
      .link-plain-f:hover,
      .link-plain-f:active,
      .link-plain-f:focus,
      .link-plain-f:visited {
        color: initial;
        text-decoration: none !important;
      }
      
      .div-center {
        display: inline-block;
        width: 100%;
        text-align: center;
      }
      #va_container {
        position: relative;
        max-width: 80%; 
        margin: 2rem auto;
      }
      
      .va-carrousel-flexbox {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        scrollbar-width: none; 
      }
      
      .va-carrousel-flexbox .va-card { width: 15rem; height: auto;  place-items: center; display: grid;
        flex: 0 0 auto; margin: 0 .5rem; background: #fff; border: .1em ridge #00DDF6; padding: .5rem; border-radius: .3rem;}
      
      .va-carrousel-flexbox .va-card:last-child::after {
        content: ' ';
        display: inline-block;
      }
      
      .va-card { 
        user-select: none;
        outline: none;  
      }
      
      .va-carrousel,
      .va-carrousel-flexbox {
        width: 100%;
        -webkit-overflow-scrolling: touch;
      }
      
      .va-carrousel::-webkit-scrollbar,
      .va-carrousel-flexbox::-webkit-scrollbar {
        display: none;
      }
      
      .deals-paddle {
        height: 2.5rem;
        width: 2.5rem;  border-radius: 50%;
        margin: auto;
        position: absolute;
         background: #005D68;
        border: none; margin-left: -3rem; margin-right: -3rem;
        display: flex; place-items: center; place-content: center; border: .2rem ridge #00DDF6;
      cursor:pointer;
      }
      
      .deals-paddle:focus {
        outline: none;
      }
      
      .deals-paddle:active {
        border-style: solid;
        outline: none;
        user-select: none;
      }
      
      .deals-paddle svg {
        width: 1rem;
      }
      
      .deals-scroll-left {
        top: 0;
        left: 5px;
        bottom: 0;
      }
      
      .deals-scroll-right {
        top: 0;
        bottom: 0;
        right: -.3em;
      }
      
      .va-whitewrap {
      /*         background-color: white; */
        padding-top: 1rem; 
        margin-top: 1rem;
      }

      #roda {position: relative; width: 100%; background-position: top; background-repeat: no-repeat; background-size: 100%; background-image: url(../imgs/capa/capa-up-desentupidora-fulldynamic-00.webp); margin: -3rem auto 0 auto; display: grid; grid-template-areas: "idtFT cntFT linkFT" "dirFT dirFT dirFT"; } .blocLINKFT {margin-top: 1rem; width: 12rem; } .blocFTPADR {padding: 2rem;} .titFT {color: #005D68; font-weight: 600; font-size: 1.2rem;} #roda a {font-size: .9rem; } #idtFT {position: relative; width: 11rem; height: 11rem; margin: 0 auto;background-image: url(../imgs/up-desentupidora-fulldynamic.webp); grid-area: idtFT; top: 2.5rem; background-position: center; background-repeat: no-repeat; background-size: contain;} #cntFT {width:80%; margin-left:20%; grid-area: cntFT;} #rdsFT {padding: 0 2rem;} #linksFT {display: grid; grid-area: linkFT;} #linksFT a {margin: .5rem 0;width:auto;;} .btPADR2 { font-size: 1.1rem; font-weight: bold; display: grid; border-radius: 2rem; background: rgba(255, 255, 255, 0.5); padding: .3rem; margin: .5rem 0;} .btPADR2 a { padding: .2rem;} .btPADR2::after {content: ''; position: absolute; width: .7rem; height: .7rem; transition: all .3s; margin-left: -1rem;} .btPADR2:hover::after {background: #00DDF6; margin-top: .5rem; border-radius: 50%;} .btPADR3:hover::after {border-radius:50%; margin-top: .3rem;} .rdsFT {background: #005D68; color: #fff; padding: .5rem; border-radius: 50%;} .rdsFT:hover {background: #00DDF6; color: #005D68;} 

      #dirFT {position: absolute; background: rgba(255, 255, 255, 0.7); border-top: .1rem solid #c6c7c8; width: 100%; grid-area: dirFT; padding: 1rem; text-align: center; } 
       #dirFULL {font-size: .7rem; padding: 1rem 0; color: #005D68;} #FULLRDP {position: absolute; width: 2.5rem; height: 2.5rem; left: 2.5rem; background-image: url(../imgs/fulldynamic-digital.webp); background-repeat: no-repeat; background-size: 90%; background-position: center; margin-top: .2rem; } 


@media screen and (min-width:1000px) and (max-width:1100px) {*{font-size: .8rem;}}

@media screen and (min-width:1900px) {*{font-size: 1.4rem;} #slid {height: 35rem;} #slid,#port,#sol { background-size: cover;}}

@media screen and (min-width:2200px) {*{font-size: 1.6rem;}}

@media screen and (min-width:300px) and (max-width:990px) { 
  .subtitPADR {width: 80%;} #topo {background: #e2fbff;}
#topo ol {display: none;} .navigation.on{position:relative; width: 99vw; transform:translateX(-1.8rem); }.nav{display:grid;}.nav-item__link{position: relative; width: 99vw; left: 0; text-align: center;}

  #slid {height: 30rem; background-size: cover; background-position: 70%;}
 .item-1,.item-2,.item-3 { width: 90%; background-color: rgba(255, 255, 255, 0.5); border-radius: 5rem; padding: 1rem; top: 7rem; display: grid; justify-items: center; left: 0; right: 0; margin: 0 auto;} .titSLID {text-align: center;}
 #slid a {margin: 0 auto; left: 0; right: 0;} 

 #sol { grid-template-areas: "titSOL titSOL" "subtitSOL subtitSOL" "blocSOL blocSOL"; background-size: cover; grid-gap: 1rem 0;} #sol .titPADR {width: 90%;}
 
 #port {grid-template-areas: "titPORT titPORT" "subtitPORT subtitPORT" "blocPORT blocPORT2"; grid-gap: 1rem 0; place-items: center;} .blocSOL,.blocPORT {width: 47vw; border-radius: 2rem; height: 22rem;}

 #bnf {position: relative; width: 95%;} .blocBNF {width: 100%; margin: 0 auto -2rem auto;} .imgsBNF {border: none;}

 .va-whitewrap {padding: 0; width: 90%; position: relative; left: -.3rem; margin: 0 auto;} .va-carrousel-section {background-size: cover;}  .va-carrousel-section .titPADR { padding: 0; width: 90%;} .subPADR { padding: 0; width: 85%; margin: 1rem auto;}

 #roda {grid-template-areas: "idtFT" "cntFT" "linkFT" "locFT" "dirFT"; background-size: cover; } .blocLINKFT {margin-top: 1rem; width: 90%;} .blocFTPADR {padding: 2rem 0;} #idtFT {width: 90%;margin: 0 auto 1rem auto; top: 2rem;} #cntFT {width:80%; margin: 2rem;} #rdsFT {padding: 0;} #linksFT {display: grid; margin-left: 2rem;} #imgFT {width: 100%; margin: 0 auto; transform: translateX(0); background-position: bottom;} #rdsFT {margin-top: 1rem;}

 #dirFT {border-top: .1rem solid #c6c7c8; width: 100%; grid-area: dirFT; padding: 1rem; text-align: center; } 
  #dirFULL {font-size: .7rem; padding: 1rem 0 5rem 0;} #FULLRDP {left: 0; right: 0; margin: 3.5rem auto 0 auto; background-size: 100%;}
}

@media screen and (min-width:400px) and (max-width:999px) {*{font-size: 1.1rem;}}

@media screen and (min-width:600px) and (max-width:990px) {*{font-size: 1.2rem;}}

 