*{margin:0;box-sizing:border-box; margin: 0; text-decoration: none; padding: 0; font-family:'Roboto'; transition: all .2s;}::-webkit-scrollbar-track{background-color:#f7f7f7}::-webkit-scrollbar{width:1.6rem;}::-webkit-scrollbar-thumb{background:#33332D;} .fullFULL {position: absolute; width: 0; height: 0; visibility: hidden; opacity: 0; overflow: hidden;} a {color: #33332D; font-size: 1rem;}

#full {position: relative; width: 100%; margin: 0 auto; display: grid;} .botFIX {position: fixed; font-size: 2rem; padding: .5rem; background: #25D366; color: #33332D; z-index: 100; bottom: .2rem; right: .2rem; border-radius: .5rem;} .botFIX:hover {background: #2E5AF0; color: #fff;}.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: #33332D; padding: 1rem 0; font-size: 2rem;} .subtitPADR {font-size: 1.2rem; color: #33332D; width:80%; margin: 0 auto; text-align: center;}

#topo [type=checkbox]{display:none}input[type=checkbox]{visibility:hidden}#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: #706C2B;}.mobile-menu-button{border-radius: .3rem; width:2rem;height:2rem;padding:.5rem;display:block;position:relative; top: 1.5rem; left: 2rem; z-index:100;background: #fff; box-sizing:content-box;text-indent:100%;color:transparent;white-space:nowrap;cursor:pointer;overflow:hidden;border: .1rem solid #706C2B;} 
.mobile-menu-button__open{top:50%;margin-top:-.1rem;left:50%;margin-left:-1rem;}.mobile-menu-button__open,.mobile-menu-button__open::after,.mobile-menu-button__open::before{position:absolute;width:2rem;height:.2rem; transition:all .3s; background: #706C2B;}.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;}.mobile-menu-button__close::before{transform:translateY(-6px) rotate(45deg)}.mobile-menu-button__close::after{transform:translateY(6px) rotate(-45deg)}.navigation{position:absolute;top:1rem;left:3.5rem;margin:auto;}.navigation .nav{transform:translateX(-110%); position: relative; width: 45rem !important; height: 3rem; top: .6rem; background: #fff; transition:all .5s ease-in-out; display: flex; place-items: center; box-shadow:  0 0 .3rem #c6c7c8;}.navigation.on .nav{transform:translateX(0);width:100%;border-top-right-radius: 1rem;}.nav{font-size:0;top:0;}.nav__item{display:inline-block;transition:all .2s;color: #fff;}.nav__item:first-child span{color: #fff !important;} .nav__item:first-child {margin-left: 2.5rem;} .row-padding{padding:.5rem 0}.nav-item__link{padding:.7rem;display:block;background-color:transparent;text-transform:uppercase;transition:all .2s ease-in-out; margin-left: .5rem;}.nav-item__link--on,.nav-item__link:hover{background-color:#2E5AF0; color: #fff; border-radius: .3rem;}.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:#2E5AF0;transition:all .2s;opacity:0} .nav__item0 {border-radius: .3rem; }.nav__item1 {border-radius: .3rem;} .nav-item__link:hover span {color: #fff !important;} #topo span {font-size: 1rem; color: #706C2B;}  

#slid {
    position: relative;
    width: 100%;
    height: 33rem; 
    top: 0;
    left: 0; 
    background-image: url(../imgs/capa/lp-portoes-fulldynamic-serralheria.jpg); background-position: top; background-repeat: no-repeat; background-size: 100%;
    overflow: hidden;
    display: grid; place-items: center;
  } .titSLID {text-align: left; color: #33332D;} #slid a {padding: 1rem; margin-left: 1.3rem; border-radius: .3rem; background: #fff; color: #33332D; box-shadow: 0 0 .3rem #706C2B; font-size: 1.2rem;}  #slid a span{color: #33332D} #slid a:hover {background: #2E5AF0; border: .2rem ridge #f0e016; color: #fff;} #slid a:hover span {color: #33332D;} 
  
  .item-1, 
  .item-2,
  .item-3 {
  position: absolute;    
    display: block;
    color: #33332D;
  width: 30%;
  left: 0;
  margin: -11rem 0 0 10rem;  
  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: 4rem 0; width: 100%; margin: 0 auto; background-size: 100%; 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: -5rem;} .blocSOL {background: #fff; border: .2rem ridge #2E5AF0; width: 15rem; height: auto; border-radius: 1rem; padding: 1rem; display: grid; place-items: center;} .imgSOL {position: relative; width: 7rem; height: 7rem; padding: .5rem; border-radius: 50%; margin: .1rem auto; border: .2rem ridge #f0e016; background-position: center; background-repeat: no-repeat; background-size: cover;}
  .imgSOL1 {background-image: url(../imgs/clt/lp-serralheria-fulldynamic-01.webp);} .imgSOL2 {background-image: url(../imgs/clt/lp-serralheria-fulldynamic-02.webp);} .imgSOL3 {background-image: url(../imgs/clt/lp-serralheria-fulldynamic-03.webp);} .imgSOL4 {background-image: url(../imgs/clt/lp-serralheria-fulldynamic-04.webp);} .imgSOL5 {background-image: url(../imgs/clt/lp-serralheria-fulldynamic-05.webp);}


  .blocSOL:hover {background: #2E5AF0; border-radius: 0; cursor: pointer;} .titSOL {font-size: 1.5rem; font-weight: 600; margin: .1rem auto; color: #33332D; text-align: center;} .descSOL {font-size: 1.2rem; text-align: center; padding: .5rem; color: #33332D;} .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.png); padding: 4rem 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 #2E5AF0; border-radius: 2rem;} 
.blocPORT:nth-child(15) {background-image: url(../imgs/clt/lp-serralheria-fulldynamic-01.webp);} .blocPORT:nth-child(16) {background-image: url(../imgs/clt/lp-serralheria-fulldynamic-010.webp); border-color: #f0e016;} .blocPORT:nth-child(5) {background-image: url(../imgs/clt/lp-serralheria-fulldynamic-011.webp);} .blocPORT:nth-child(6) {background-image: url(../imgs/clt/lp-serralheria-fulldynamic-012.webp); border-color: #f0e016;} .blocPORT:nth-child(7) {background-image: url(../imgs/clt/lp-serralheria-fulldynamic-02.webp);} .blocPORT:nth-child(8) {background-image: url(../imgs/clt/lp-serralheria-fulldynamic-03.webp); border-color: #f0e016;} .blocPORT:nth-child(9) {background-image: url(../imgs/clt/lp-serralheria-fulldynamic-04.webp);} .blocPORT:nth-child(10) {background-image: url(../imgs/clt/lp-serralheria-fulldynamic-05.webp); border-color: #f0e016;} .blocPORT:nth-child(11) {background-image: url(../imgs/clt/lp-serralheria-fulldynamic-06.webp);} .blocPORT:nth-child(12) {background-image: url(../imgs/clt/lp-serralheria-fulldynamic-07.webp); border-color: #f0e016;} .blocPORT:nth-child(13) {background-image: url(../imgs/clt/lp-serralheria-fulldynamic-08.webp);} .blocPORT:nth-child(14) {background-image: url(../imgs/clt/lp-serralheria-fulldynamic-09.webp); border-color: #f0e016;} .blocPORT:hover {border-radius: 0; z-index: 100;} 

#bnf {position: relative; width: 100%; margin: 0 auto; padding: 4rem 0;  display: grid; background-position: top; background-repeat: no-repeat; background-color: #fff; background-size: 100%; background-image: url(../imgs/capa/capa-up-desentupidora-fulldynamic-04.png);} #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: #33332D;} .descBNF {padding: 1rem; font-size: 1.3rem; color: #33332D; width: 50%;} .imgsBNF {background-color: rgba(255, 255, 255, 0.5); position: relative; right: 0; width: 50%; border: .1rem ridge #2E5AF0; padding: .5rem; border-radius: 1rem; 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: #2E5AF0; 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.png); background-attachment: fixed; background-color: #f7f7f7;
        padding: 2rem 0 3rem 0;
      } .va-carrousel-section .titPADR {color: #33332D;} .nomFEED {width:100%; padding: .3rem; background: #2E5AF0; color: #fff; font-size: 1.3rem; text-align: center;} .descFEED {width:100%; padding: .3rem; font-size: 1.2rem; margin-top: .5rem; text-align: center; color: #33332D; }
            
      .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: .1rem ridge #2E5AF0; 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: 3.5rem;
        width: 3.5rem;  border-radius: 50%;
        margin: auto;
        position: absolute;
         background: #2E5AF0;
        border: none; margin-left: -4rem; margin-right: -4rem;
        display: flex; place-items: center; place-content: center; border: .2rem ridge #2E5AF0;
      cursor:pointer;
      }
      
      .deals-paddle:focus {
        outline: none;
      }
      
      .deals-paddle:active {
        border-style: solid;
        outline: none;
        user-select: none;
      }
      
      .deals-paddle svg {
        width: 1rem; fill: #fff !important;
      }
      
      .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; margin: 0 auto; display: grid; grid-template-areas: "idtFT cntFT linkFT" "dirFT dirFT dirFT"; } .blocLINKFT {margin-top: 1rem; width: 12rem; } .blocFTPADR {padding: 2rem;} .titFT {color: #33332D; font-weight: 600; font-size: 1.4rem;} #roda a {font-size: 1.1rem; color: #706C2B;} #idtFT {position: relative; width: 20rem; height: 20rem; margin: 0 auto;background-image: url(../imgs/capa/lp-portoes-fulldynamic-serralheria.jpg); grid-area: idtFT; background-position: -24rem 0; background-repeat: no-repeat; background-size: cover;} #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: #2E5AF0; margin-top: .5rem; border-radius: 50%;} .btPADR3:hover::after {border-radius:50%; margin-top: .3rem;} .rdsFT {background: #2E5AF0; color: #fff !important; padding: .5rem; border-radius: .3rem;} .rdsFT:hover {background: #f0e016; color: #33332D !important;} 

      #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: 1rem; padding: 1rem 0; color: #33332D;} #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;}}
       
       @media screen and (min-width:2200px) {*{font-size: 1.6rem;}}
       
       @media screen and (min-width:300px) and (max-width:990px) {.subtitPADR {width: 90%; margin-top: -2rem !important; margin-bottom: 1rem;}

      .navigation{top:4.5rem; left: 0;}.navigation .nav{width: 100vw !important; height: auto; display: grid; grid-gap: .7rem; background: #f7f7f7; border-bottom: .1rem solid #c6c7c8; box-shadow:  0 0 .3rem #c6c7c8;}.nav__item,.nav-item__link {width: 100%; font-size: 1.1rem; text-align: center;} .nav__item:first-child {margin-left: 0;} .nav-item__link{margin-left: 0; padding: 1.3rem 0;}
               
         #slid {height: 30rem; background-size: cover;} .item-1,.item-2,.item-3 { width: 90%; top: 7rem; display: grid; justify-items: center; left: 0; right: 0; margin: 0 auto;} .titSLID {text-align: center; background: #ffffff73; padding: .3rem; border-radius: .3rem;}
        #slid a {width: 90%; margin: 2rem auto; left: 0; right: 0; padding: 1.5rem 0; text-align: center;} #slid::after {display: none;}
       
        #sol {grid-template-areas: "titSOL titSOL" "subtitSOL subtitSOL" "blocSOL blocSOL"; grid-gap: 1rem 0;} #sol .titPADR {width: 90%;} #port {grid-template-areas: "titPORT titPORT" "subtitPORT subtitPORT" "blocPORT blocPORT2"; grid-gap: 1rem 0;} .blocSOL,.blocPORT {width: 46vw; border-radius: 2rem; height: 27rem;}
       
        #bnf {position: relative; width: 100%; padding: 3rem 0;} #bnf .subtitPADR {width: 90%; margin-top: inherit !important;} .blocBNF {width: 90%; margin: .5rem auto 0 auto; padding: 1rem 0; display: grid; grid-template-areas: "titBNF" "imgBNF" "descBNF";} .titBNF {grid-area: titBNF;} .descBNF {grid-area: descBNF; padding: 0;} .titBNF, .descBNF {width: 90%; margin: 0 auto; text-align: center;}  .imgsBNF {position: relative; top: 0; padding: 0; width: 90%; margin: 1rem auto; left: 0; right: 0; grid-area: imgBNF; border-color: #f0e016;} .imgsBNF2 {transform: inherit !important;} .titBNF2,.descBNF2 {transform: inherit !important;}

        .va-carrousel-section .subtitPADR {margin-top: 0 !important;} #va_container {width: 65%;} .deals-paddle {height: 3rem; width: 3rem; margin-left: -3.5rem; margin-right: -3.5rem;}

        #roda {grid-template-areas: "idtFT" "cntFT" "linkFT" "dirFT"; } .blocLINKFT {margin-top: 1rem; width: 90%;} .blocFTPADR {padding: 2rem 0;} #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;}
        #idtFT {position: relative; width: 100%; height: 20rem; margin: 0 auto;background-image: url(../imgs/capa/lp-portoes-fulldynamic-serralheria.jpg); grid-area: idtFT; background-position: center; background-repeat: no-repeat; background-size: cover;}

        #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;}}