*{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: .6rem;}::-webkit-scrollbar-thumb{background:#33332D; border-radius: 2rem;} .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;} .botFIX {position: fixed; font-size: 2rem; padding: .5rem; background: #f0e016; color: #33332D; z-index: 100; bottom: .2rem; right: .2rem; border-radius: .5rem;} .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: 1.8rem;} .subtitPADR {font-size: 1.2rem; color: #33332D; width:80%; margin: 0 auto; text-align: center;}

#contFIXZAP{z-index:9999;position:fixed; transition: all .3s; color: #1a1a1a; bottom:0;right:0;margin:0;text-align:center;width:auto;height:auto;border-top-left-radius:1rem; padding: .5rem; background:#fff; box-shadow:  0 0 .2rem #7c7c7c; display: flex; place-items: center;} #contFIXZAP p:nth-child(1) {background: #f0e016; border-radius: .5rem; margin: 0 .3rem; padding: .7rem;}  #contFIXZAP p:nth-child(2){font-size:1.7rem; padding: .3rem; border-radius: 50%; width: 3rem; line-height: 2.5rem; height: 3rem; background: #f0e016;} #contFIXZAP:hover {opacity: .7;}

#topo{position:relative;width:100%;height:auto;left:0;right:0;margin:0 auto;grid-area:topo;background:#FFF;display:grid;align-items:center;grid-template-areas:"txtTOP rdsTOP""menuT menuT"}.titTOP{grid-area:txtTOP;width:auto;text-align:center;font-size:.8rem;color:#1a1a1a}#idt{position:absolute;left:0;display:block;width:5rem;height:5rem;background-repeat:no-repeat;background-position:center;background-size:contain;background-image:url(../imgs/serralherialp.jpg);}#contTOP{position:relative;width:auto;height:auto;right:0;margin:0;padding:.7rem 0;place-content:center;text-align:center;display:flex;grid-gap:.5rem}#contTOP a{font-size:1rem;border:.1rem solid transparent;color:#2c2c2c;background:#fff;border-radius:50%;border:.1rem solid #d3d3d3;padding:.2rem;text-align:center}#contTOP a:hover{background:#f0e016;}#menu{position:relative;width:100%;height:4rem;top:0;background-color:#f0e016; border-top-left-radius:3rem; border-top-right-radius:3rem; grid-area:menuT;display:flex;place-items:center;z-index:9999;padding-left:7rem}#menu a{width:10rem;font-size:.9rem;margin:0 .3rem;position:relative}.menu-item:hover{border-radius:0} #menu .menu-item1 {background: none;} .menu-item{height:auto;padding:.4rem 0;width:100%;border-radius:3rem;color:#1a1a1a;cursor:pointer;font-weight:600;transition:all .3s;padding-left:.4rem; background: #fff; display:flex;place-items:center;place-content:center}.menu-item1{border:0; width: 10%;}.menu-item:hover{border:none;}.menu-item:hover span{color:#fff}.menu-item:hover::after{height:100%;background:#f0e016;visibility:visible}.menu-item::after{content:'';margin-left:-.45rem;bottom:0;position:absolute;visibility:hidden;transition:all .2s;width:10rem;height:.3rem;display:block;border-radius:3rem;background:#f0e016;z-index:-1}

#slid {position: relative; width: 100%; height: 24rem; left: 0; right: 0; margin: 0 auto; background-position: center; background-repeat: no-repeat; background-size: cover; background-image: url(../imgs/capa/lp-portoes-fulldynamic-serralheria.jpg);} #slid .titPADR {text-align: left; left: 0; margin: 0;} #exttSLID {position: relative; width: 35%; top: 3.5rem; left: 5rem;} #exttSLID p {margin: .5rem 0; text-align: left;} #slid a {position: relative; top:1.5rem; font-size: 1.1rem; background: #f0e016; padding: .5rem 1rem; border-radius: .5rem;} #slid a:hover {opacity: .7;}

#txtS {position: relative; width: 100%; left: 0; right: 0; padding: 3rem 0; margin: 0 auto; background: #fcfac2;} #txtS .titPADR {text-align: left; margin-left: 5rem;} .dsgTXT { position: absolute; width: 10rem; height: 1rem; border-radius: 3rem; margin-top: .5rem; margin-left: 5rem; background: linear-gradient(45deg, #fcfac2, #f0e016);} .dsgTXT2 {margin-top: 2.5rem;} .descTXTS {margin-top:3.5rem; width: 70%; height: auto; margin-left: 5rem; color: #1a1a1a; font-size: 1.1rem; font-family: serif;}

#ivt{position:relative;width:100%;height:auto; padding: 3rem 5rem 7rem 5rem; margin:0 auto;display:grid;grid-template-areas:"exttivt1 exttivt2";}#ivt .titPADR{text-align:left; margin: 0;}#exttIVT{position:relative;width:100%;height:auto;grid-area:exttivt1;display:grid}#exttIVT .subtitPADR{text-align:left; margin: 0;}#exttIVT a{width:12rem;height:100%;display:grid;}#blocIVT{position:relative;width:100%;top:3rem;margin:0;display:grid;grid-template-areas:"blocIVT blocIVT blocIVT";grid-gap:1.5rem; place-content: start;}.blocIVT{position:relative;width:12rem;height:10rem;background:#fff;display:grid; transition:all .3s;border-top-left-radius:2rem;border-bottom-right-radius:2rem} .imgsIVT {background-position: center; background-repeat: no-repeat; background-size: cover; border-top-left-radius:2rem; border-bottom-right-radius:2rem} .imgsIVT1 {background-image: url(../imgs/clt/lp-serralheria-fulldynamic-012.webp);} .imgsIVT2 {background-image: url(../imgs/clt/lp-serralheria-fulldynamic-05.webp);} .imgsIVT3 {background-image: url(../imgs/clt/lp-serralheria-fulldynamic-01.webp);} .imgsIVT4 {background-image: url(../imgs/clt/lp-serralheria-fulldynamic-010.webp);} .imgsIVT5 {background-image: url(../imgs/clt/lp-serralheria-fulldynamic-04.webp);} .imgsIVT6 {background-image: url(../imgs/clt/lp-serralheria-fulldynamic-011.webp);} .imgsIVT:hover {border-top-left-radius:0rem;border-bottom-right-radius:0rem;border-top-right-radius:2rem;border-bottom-left-radius:2rem} .blocIVT p{position:absolute; width: 100%; font-size:1.1rem;color:#3d3d3d; bottom: 0; display:grid; place-items:center;height:3rem;background:#f0e016;}.blocIVT:hover{border-bottom-right-radius:0;border-top-left-radius:0;border-top-right-radius:2rem;border-bottom-left-radius:2rem;} .blocIVT:hover p {background: #a0960f; color: #fff;} #allCLT{position:relative;width:33rem;height:100%;margin:0;top:4rem;grid-area:exttivt2;display:grid;place-content:center;place-items:center}#allCLT .anime{transform:scale(.1);transition:all 1s}#allCLT .anime-start{transform:scale(1)}#allCLT p{position:relative;color:#3d3d3d;width:100%;font-size:1.1rem;margin:1rem 0;z-index:100;font-weight:600}#allCLT p span{color:#1a1a1a}#allCLT p:nth-child(2){animation-delay:.13s}#allCLT p:nth-child(3){animation-delay:.18s}

#bnf {position: relative; width: 100%; height: 38rem; background-position: center; background-repeat: no-repeat; display: grid; place-items: center;} #bnf::after {content: ''; position: absolute; width: 100%; height: 100%; background-size: 100%; background-image: url(../imgs/capa/serralheria-lp-capa.jpg); transform: rotateY(180deg); z-index: -1;} #exttBNF {position: absolute; width: 35%; right: 11%; display: grid; place-content: center; grid-template-areas: "titBNF titBNF titBNF";} #exttBNF .titPADR {grid-area: titBNF; text-align: left; color: #FFF; padding-left: 1rem; margin: 0;} .blocBNF {position: relative; background: #fff; margin: 1rem; display: grid; border-radius: 1rem; place-items: center; border-radius: .5rem; padding: 1rem;} .titBNF {text-align: center; background: #a0960f; padding: 1rem; font-size: 1.3rem; color: #fff;} .blocBNF span {text-align: center; color: #a0960f; font-size: 2.7rem; margin: .3rem auto;} .descBNF {padding: .2rem; text-align: center; font-size: 1.1rem; color: #2c2c2c;} .blocBNF.anime {opacity: 0; transform: scale(0);} .blocBNF.anime-start {opacity: 1; transform: scale(1);} .blocBNF:nth-child(4) {transition: all .5s;} .blocBNF.anime-start {opacity: 1; transform: scale(1);} .blocBNF:nth-child(5) {transition: all .8s;}

#infor {position: relative; width: 100%; padding: 3rem 0 5rem 0; background: #fff; left: 0; right: 0; top: 0; margin: 0 auto;} #exttINFOR {width: 100%; position: relative; top: 0; margin: 0 auto; display: grid; place-content: center; place-items: center;} #descINFOR {width:70%; margin: 1rem auto; color: #42465e; font-size: 1rem; z-index: 3;}  #exttINFOR .btPADR {margin-top: 1.5rem; background: #f0e016; padding: .7rem 1rem; border-radius: 3rem; text-align: center;} #imgINFOR {width: 100%; height: 100%; background-image: url(../imgs/); background-repeat: no-repeat; background-size: cover; background-position: bottom;}

#port {position: relative; width: 100%; left: 0; right: 0; margin: 0 auto; padding-top: 5rem; background: #fcfac2;} #port .titPADR {text-align: center;} #exttPORT {position: relative; width: 100%; place-content: center; display: grid;grid-template-areas: "blocPORT1 blocPORT2 blocPORT3 blocPORT4"; margin: 2.5rem auto 0 auto; overflow-x: hidden;} .blocPORT {width: 25vw; height: 15rem; box-shadow: 0 0 .2rem #a7a7a7; background-position: center; background-repeat: no-repeat; background-size: cover;} .blocPORT:hover {filter: brightness(1); cursor: pointer; z-index: 1;} .blocPORT:nth-child(1) {background-image: url(../imgs/clt/lp-serralheria-fulldynamic-01.webp);} .blocPORT:nth-child(2) {background-image: url(../imgs/clt/lp-serralheria-fulldynamic-010.webp);} .blocPORT:nth-child(3) {background-image: url(../imgs/clt/lp-serralheria-fulldynamic-011.webp);} .blocPORT:nth-child(4) {background-image: url(../imgs/clt/lp-serralheria-fulldynamic-012.webp);} .blocPORT:nth-child(5) {background-image: url(../imgs/clt/lp-serralheria-fulldynamic-02.webp);} .blocPORT:nth-child(6) {background-image: url(../imgs/clt/lp-serralheria-fulldynamic-03.webp);} .blocPORT:nth-child(7) {background-image: url(../imgs/clt/lp-serralheria-fulldynamic-04.webp);} .blocPORT:nth-child(8) {background-image: url(../imgs/clt/lp-serralheria-fulldynamic-05.webp);} .blocPORT:nth-child(9) {background-image: url(../imgs/clt/lp-serralheria-fulldynamic-06.webp);} .blocPORT:nth-child(10) {background-image: url(../imgs/clt/lp-serralheria-fulldynamic-07.webp);}  .blocPORT:nth-child(11) {background-image: url(../imgs/clt/lp-serralheria-fulldynamic-08.webp);}  .blocPORT:nth-child(12) {background-image: url(../imgs/clt/lp-serralheria-fulldynamic-09.webp);}
.blocPORT.anime {opacity: 0; transform: scale(0);} .blocPORT.anime-start {opacity: 1; transform: scale(1);}

#feed {position: relative; width: 100%; padding: 2rem 0; margin: 0 auto;} #exttFEED {position: relative; width: 90%; margin: 2rem auto; display: grid; grid-template-areas: "blocFEED1 blocFEED2 blocFEED3 blocFEED4"; grid-gap: 2rem;} .blocFEED {position: relative; transition: all .2s; cursor: pointer; border-top-left-radius: 2rem; border-bottom-right-radius: 2rem; width: 15rem; padding: 3rem 1rem 1rem 1rem; box-shadow: 0 0 .3rem #b4b4b4; background-position: center; background-repeat: no-repeat; background: #fff; background-size: 100%; background-position: top;background-image: url(../imgs/feed/notas-desentupidora-win-fulldynamic.webp); } .titFEED {font-size: 1.1rem; color: #3d3d3d; padding: .5rem; font-weight: 600;} .descFEED {font-size: 1rem; color: #3d3d3d; padding: .5rem;} .blocFEED:hover {border-top-left-radius: 0; border-bottom-right-radius: 0; border-top-right-radius: 2rem; border-bottom-left-radius: 2rem;} .va-card {padding: 2rem; border: .1rem solid #d3d3d3; border-radius: .3rem;}

#roda {position: relative; width: 100%; margin: 3rem auto 0 auto; background: #fcfac2; display: grid; grid-template-areas: "idtFT cntFT linkFT locFT" "dirFT dirFT dirFT dirFT"; } .blocLINKFT {margin-top: 1rem; width: 10rem; } .blocFTPADR {padding: 2rem;} .titFT {color: #a0960f; font-weight: 600; font-size: 1.2rem;} #roda a {font-size: .9rem; } #idtFT {position: relative; width: 10rem; height: 10rem; margin: 0 auto; top: 2.3rem; background-image: url(../imgs/serralherialp.jpg); background-position: center; background-repeat: no-repeat; background-size: contain;} #cntFT {width:80%; margin-left:20%;} #rdsFT {padding: 0 2rem;} #linksFT {display: grid;} #linksFT a {margin: .2rem 0;width:auto;} #imgFT {width: 130%; transform: translateX(-23%); height: 100%; background-position: right; background-repeat: no-repeat; background-size:cover; background-image: url(../imgs/capa/lp-portoes-fulldynamic-serralheria.jpg);} .btPADR2 { font-size: 1.1rem; display: grid; height: 1.2rem; padding: .2rem; margin: .2rem 0;} .btPADR2 a { padding: .2rem;} .btPADR2::after {content: ''; position: absolute; width: .7rem; height: .7rem; transition: all .3s; margin-left: -1rem;} .btPADR2:hover::after {background: #E4DE48; margin-top: .5rem;} .btPADR3:hover::after { margin-top: .3rem;} .rdsFT {background: #fff; box-shadow: 0 0 .2rem #a7a7a7; margin: 0 .2rem; color: #a0960f; padding: .5rem; border-radius: .5rem;} .rdsFT:hover {background: #E4DE48;}

#dirFT {border-top: .1rem solid #c6c7c8; background: #fff; width: 100%; grid-area: dirFT; padding: 1rem; text-align: center; } 
 #dirFULL {font-size: .7rem; padding: 1rem 0;} #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:990px) and (max-width:1100px) {
  #exttIVT {width: 40rem;} #allCLT {width: 28rem;} #exttCLT {position: relative; place-content: center; width: 100%; left: 0;} .titCLT,#clt a {left: 5rem;} #exttORC {grid-gap: .2rem;} #exttFEED { width: 85%; grid-gap: 1rem;} .blocFEED {width: 14rem; background-repeat: no-repeat;} #roda {grid-gap: .5rem; padding: 1rem;} .blocFT {width: 16rem;}
  }
  
  @media screen and (min-width:1000px) and (max-width:1300px) {*{font-size: .9rem;}}
  
  @media screen and (min-width:1500px) {*{font-size: 1.105em;} #exttFEED {width: 70%;}}
  
  @media screen and (min-width:1900px) {*{font-size: 1.2rem;} #exttFEED {width: 70%;}}


@media screen and (min-width:300px) and (max-width:990px) {

#topo {grid-template-areas: "txtTOP" "rdsTOP" "menuT"; }

.titTOP {grid-area: txtTOP; width: 90%; margin: 2rem auto 1rem auto; font-size: 1rem;}

 #contTOP {margin: 0 auto 1rem auto;}

 #menu {width: 100%; height: 4rem; margin: 0 auto; padding: 0; display: grid;} #menu a:nth-child(1) {display: block;} #idt {margin: 0 auto !important; left: 0 !important; right: 0 !important; padding: 0;} #menu a {display: none; position: absolute;}

#slid {background-size: cover; height: 70vh; display: grid; place-content: center; text-align: center;} #exttSLID {position: relative; width: 100%; top: -3rem; left: 0; margin: 0 auto;} #slid .subtitPADR {text-align: center; margin: 0 auto;}

#txtS .titPADR { width: 80%; margin: 0 auto; } .dsgTXT { position: absolute; width: 5rem;} .descTXTS {width: 80%; height: auto; margin: 3.5rem auto 0 auto; font-size: 1.2rem;} 

#ivt{padding: 3rem 0; grid-template-areas:"exttivt1" "exttivt2";} #exttIVT .titPADR, #exttIVT .subtitPADR {width:90vw; margin: 0 auto;} #exttIVT a{width:90vw; height:100%;display:grid;}#blocIVT{margin:0 auto;display:grid;grid-template-areas:"blocIVT";grid-gap:1.5rem; place-content: center;}.blocIVT{position:relative;width:100%;height:10rem;} #allCLT {width: 100%; height: 25rem; background: green; position: relative;}

#bnf {height: 63rem; position: relative;} #bnf::after {background-repeat: no-repeat; background-size: cover; background-position: center;} #exttBNF {position: absolute; width: 100%; left: 0; right: 0; display: grid; place-content: center; grid-template-areas: "titBNF";} #exttBNF .titPADR {text-align: center; color: #FFF; padding-left: 0; margin: 0 auto;} 

#infor {padding: 0 0 2rem 0; display: grid; place-content: center;}
#exttINFOR {width: 80vw; transform: translateX(0) !important;  height: auto; padding: 5rem 0; right: 0 !important; margin: 0 auto !important; left: 0 !important; z-index: 1;} #exttINFOR::after {content: ''; position:absolute; width: 100%; height:80%; margin: 0 auto; top: 10%; left: 0; right: 0; z-index: 0; padding-bottom: .5rem;} #exttINFOR h4 {text-align: center; width: 90%; margin: 0 auto;z-index: 3;} #descINFOR {width:90%;text-align: center;}  #exttINFOR .btPADR {z-index: 3; width: 70%; transform: none; margin: 1rem auto 0 auto; } #imgINFOR {position: absolute; right: 0;}

#port .titPADR {text-align: center; width: 90%;} #exttPORT {width: 100%; place-content: center; display: grid; grid-gap: .2rem; grid-template-areas: "blocPORT1 blocPORT2"; margin: 2.5rem auto;}  .blocPORT {width: 49vw; height: 9.3rem;}

#feed .titPADR {width: 80%;} #exttFEED {width: 90vw; margin: 1rem auto; display: grid; grid-template-areas: "blocFEED1"; grid-gap: 0;} .blocFEED {width: 80% !important; padding: 4.5rem 0 2rem 0; margin: .5rem auto;} .titFEED,.descFEED {padding: .5rem 1rem;}

 #roda {grid-template-areas: "idtFT" "cntFT" "linkFT" "locFT" "dirFT"; } .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:600px) and (max-width:990px) {*{font-size: 1.1rem;}}

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

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

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