* {margin:0; padding: 0; box-sizing: border-box; text-decoration: none; transition: all .3s;} 

#full {position: relative; width: 100%; height: 100%; left: 0; font-family: Helvetica; right: 0; margin: 0 auto;display: grid; overflow-x: hidden;} ::-webkit-scrollbar-track{background-color:#E5E5E5}::-webkit-scrollbar{width:1.1rem}::-webkit-scrollbar-thumb{background:#8F94B3;border-radius: 2rem;} .fullFULL {position: absolute; width: 0; height: 0; overflow: hidden; visibility: hidden;} .hide {transform: translateX(100rem);} a {color: #42465e; font-weight: bold;} 

#contFIXZAP{z-index:9999;position:fixed; transition: all .3s; bottom:0;right:0;margin:0;text-align:center;width:auto;height:auto;border-top-left-radius:3rem; border-bottom-left-radius:3rem; padding: .5rem; background:#BFC8FF; display: flex; place-items: center;} #contFIXZAP p:nth-child(1) {background: #fff; 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: #fff;} #contFIXZAP:hover {background: #BFC8FF;}

#topo {position: fixed; width: 46%; height: 7rem; top: 0; right: 0; margin: 0;  z-index: 7; display: grid; place-content: center;} #idtTOP {position: absolute; top: 0; left:0; display: block; z-index: 1; width: 10rem; left: 5rem; height: 10rem;background-position: center; background-repeat: no-repeat; background-size: 100%; background-image: url(../imgs/leni-limpeza-fulldynamic-01.webp);} #topo nav { padding: .5rem; display: grid; grid-template-areas: "btTOP1 btTOP2 btTOP3 btTOP4"; z-index: 3; background: #fff; border-radius: 2rem;} #topo nav a {width:8rem; height: 2.5rem; line-height: 2rem; padding: .3rem; margin: 0 .3rem; font-size: .9rem; text-align: center; font-weight: 600; color: #6e7394; font-weight: bold; z-index: 10;} #topo nav a:hover::after {visibility: visible; width: 8rem; z-index: -1; height: 2.5rem; margin-top: -2.3rem; margin-left: -.3rem; transition: all .3s; border-radius: 0;} #topo nav a:hover {color: #8F94B3 !important;} #topo nav a::after {content: ''; position: absolute; width: 1rem; display: grid; height: 1rem; transition: all .3s; visibility: hidden; margin-top: -1.5rem; border-radius: 2rem !important; margin-left: 3rem; background: #FEE3D9;} #topo nav a:nth-child(2) {font-weight: bold; border-radius: 2rem; border: .1rem solid #F06795;}  .anime {transform: translateX(-100rem); opacity: 0;} .anime-start {transform: translateX(0); opacity: 1;}  
.titPADR {font-size: 1.7rem; color: #6e7394; font-weight: bold;} .btPADR {text-align: center; width: 12rem; height: 3rem; line-height: 1.1rem; z-index: 10; font-size: 1rem; padding: 1rem; background: #8F94B3; color: #8F94B3;} .btPADR:hover {color: #fff; font-weight: 600;} .btPADR::after {content: ''; position: absolute; width: 0rem; transition: all .3s; height: 3rem; margin-top: -2.2rem; margin-left: -1rem; display: grid; background: #BFC8FF; border-radius: 2rem; z-index: -1;}  .btPADR:hover::after {width: 12rem;}

#slid {position: relative; width: 100%; height: 42rem; top: 0; left: 0; right: 0; margin: 0 auto; display: block; background-image: url(../imgs/capa-superlimpo-fulldynamic.webp); background-position: top; background-repeat: no-repeat; background-size: 100%;} 

#exttSLID {position: absolute; width: 27rem; height: 15rem; top: 12rem; left: 11rem; z-index: 3; display: grid;}
#exttSLID::after {content: ''; position: absolute; width: 1rem; height: 2.5rem; background: #FEE3D9; border-radius: 2rem; left: -2rem; top: 0;}
#exttSLID h1 {font-size: 1.7rem; color: #6e7394; font-weight: bold;} #descSLID {color: #42465e; font-size: 1rem; padding: .5rem 0;}

#exttSLID a {border-radius: 2rem; margin: .7rem 0; font-weight: bold; color: #2b2f44; background: #fff; border: .1rem double #F06795;}

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

#infor {position: relative; width: 100%; height: 40rem; background: #FEE3D9; left: 0; right: 0; top: 0; margin: 0 auto; } #infor .anime {transform: scale(0);} #infor .anime-start {transform: scale(1) translateX(7rem);}

#exttINFOR {width: 40%; position: absolute; top: 0; right: 20%; top: 20%; height: 50%; display: grid; place-content: center;} #exttINFOR::after {content: ''; position:absolute; height: 100%; margin: 0 auto; top: 10%; right: 0; right: 0; z-index: 0; padding-bottom: .5rem;} #exttINFOR h4 {color: #42465e; font-weight: bold; width: 70%; margin: 0 auto;z-index: 3;} #descINFOR {width:70%; margin: 1rem auto; color: #42465e; font-size: 1rem; z-index: 3;}  #exttINFOR .btPADR {z-index: 3; transform: translateX(5rem); color: #fff; border-radius: 3rem;}

#imgINFOR {width: 100%; height: 100%; background-image: url(../imgs/capa-superlimpo-fulldynamic-05.webp); background-repeat: no-repeat; background-size: cover; background-position: bottom;}

#sol {position: relative; width: 100%; height: auto; left: 0; right: 0; background: #fff; margin: 0 auto; padding: 4rem 0; z-index: 3; } #sol .titPADR {font-weight: bold; width: 50%; margin: 0 auto; text-align: center;} #sol::after {content: ''; z-index: 0; position: absolute; width: 100%; height: 20rem; top: 0; left: 0; margin: 0; background-repeat: no-repeat; background-position: 0 -7rem; background-size: cover; background-image: url(../imgs/capa-superlimpo-fulldynamic-07.webp); background-attachment: fixed; z-index: -1;} #exttSOL {position: relative; width: 70%;  top: 0; left: 0; right: 0; margin: 4rem auto; display: grid; place-content: center; grid-gap: 1.2rem; grid-template-areas: "blocSOL1 blocSOL2 blocSOL3 blocSOL4";} .blocSOL {width: 14rem; height: 14rem; border-radius: 50%; background: #fff; box-shadow: 0 0 .2rem #a7a7a7; display: grid; place-items: center; place-content: center;}  #exttSOL a:nth-child(2) {transition: all .5s;} #exttSOL a:nth-child(3) {transition: all .7s;} #exttSOL a:nth-child(4) {transition: all .9s;} .blocSOL:hover {background: #F06795; box-shadow: none;} .blocSOL:hover p {color: #fff;} #exttBTSOL {position: relative; width: 50%; left: 0; right: 0; margin: 0 auto; display: grid; grid-template-areas: "btSOL1 btSOL2"; place-content: center; grid-gap: .6rem;} #exttBTSOL .btPADR {background: #BFC8FF; color: #6e7394; border-radius: 3rem;} .titSOL {text-align: center; font-size: 1.2rem; padding: .5rem; color: #42465e;} #exttBTSOL .btPADR:nth-child(2) {background: #FEE3D9;} #exttSOL span {font-size: 2rem; color: #E8BFBA;} .blocSOL:hover span {color: #fff !important; font-size: 2.5rem !important;} #sol .anime {transform: scale(0) translateX(0);}
#sol .anime-start {transform: scale(1) translateX(0);} 

#port {position: relative; width: 100%; left: 0; right: 0; margin: 0 auto; padding: 4rem 0; display: grid; place-items: center; background: #fff;} #port .titPADR {text-align: center; width: 50%;} #exttPORT {width: 70%;  place-content: center; display: grid; grid-gap: .6rem; grid-template-areas: "blocPORT1 blocPORT2 blocPORT3 blocPORT4 blocPORT5 blocPORT6"; margin: 2.5rem auto;}  .blocPORT {width: 11rem; height: 11rem; box-shadow: 0 0 .2rem #a7a7a7; border-radius: 50%; background-position: center; border: .3rem solid #fac7d8; background-repeat: no-repeat; background-size: cover;} .blocPORT2 {border-color: #BFC8FF;} .blocPORT:hover {transform: scale(1.6); border-radius: .3rem; z-index: 1; cursor: pointer;}
.blocPORT:nth-child(1) {background-image: url(../imgs/portfolio/leni-limpeza-pos-obra-fulldynamic-01.webp);} .blocPORT:nth-child(2) {background-image: url(../imgs/portfolio/leni-limpeza-pos-obra-fulldynamic-010.webp);} .blocPORT:nth-child(3) {background-image: url(../imgs/portfolio/leni-limpeza-pos-obra-fulldynamic-011.webp);} .blocPORT:nth-child(4) {background-image: url(../imgs/portfolio/leni-limpeza-pos-obra-fulldynamic-012.webp);} .blocPORT:nth-child(5) {background-image: url(../imgs/portfolio/leni-limpeza-pos-obra-fulldynamic-02.webp);} .blocPORT:nth-child(6) {background-image: url(../imgs/portfolio/leni-limpeza-pos-obra-fulldynamic-03.webp);} .blocPORT:nth-child(7) {background-image: url(../imgs/portfolio/leni-limpeza-pos-obra-fulldynamic-04.webp);} .blocPORT:nth-child(8) {background-image: url(../imgs/portfolio/leni-limpeza-pos-obra-fulldynamic-05.webp);} .blocPORT:nth-child(9) {background-image: url(../imgs/portfolio/leni-limpeza-pos-obra-fulldynamic-06.webp);} .blocPORT:nth-child(10) {background-image: url(../imgs/portfolio/leni-limpeza-pos-obra-fulldynamic-07.webp);}  .blocPORT:nth-child(11) {background-image: url(../imgs/portfolio/leni-limpeza-pos-obra-fulldynamic-08.webp);}  .blocPORT:nth-child(12) {background-image: url(../imgs/portfolio/leni-limpeza-pos-obra-fulldynamic-09.webp);}

#roda {position: relative; width: 100%; margin: 0 auto; display: grid; background: #fdf2ed; grid-template-areas: "idtFT cntFT linkFT locFT" "dirFT dirFT dirFT dirFT"; } .blocLINKFT {margin-top: 1rem;} .blocFTPADR {padding: 2rem;} .titFT {color: #2b2f44; font-weight: 600; font-size: 1.2rem;} #roda a {font-size: .9rem;} #idtFT {position: relative; width: 14rem; height: 14rem; margin: 0 auto; top: 2rem; background-image: url(../imgs/leni-limpeza-fulldynamic-01.webp); background-position: center; background-repeat: no-repeat; background-size: 100%;} #cntFT {width:80%; margin-left:20%;} #rdsFT {padding: 0 2rem;} #linksFT {display: grid;} #linksFT a {margin: .2rem 0;} .blocLINKFT1 {display: grid; } #imgFT {width: 100%; height: 100%; background-position: -15rem 0; background-repeat: no-repeat; background-size: cover; background-image: url(../imgs/capa-superlimpo-fulldynamic-07.webp);} .btPADR2 { font-size: 1.1rem; display: grid; height: 1.5rem; 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: #8F94B3; margin-top: .5rem; border-radius: 50%;} .btPADR3:hover::after {border-radius:50%; margin-top: .3rem;} .rdsFT {background: #E8BFBA; color: #2b2f44; padding: .5rem; border-radius: .5rem;} .rdsFT:hover {border-radius: 50%; color: #fff !important; text-shadow: 0 0 .1em #a7a7a7;} .rdsFT:nth-child(3) {font-weight: bold; color: #2b2f44; }

#dirFT {border-top: .1rem solid #c6c7c8; 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:900px) 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;}#topo nav a span {font-size: 1rem;}}

@media screen and (min-width:300px) and (max-width:990px) { #topo {width: 100%; height: auto;} #idtTOP {position: absolute; top: 7rem; left:0; display: block; z-index: 1; width: 70%; right: 0; margin: 0 auto; height: 7rem;background-position: center; background-repeat: no-repeat; background-size: 100%; background-image: url(../imgs/superlimpo-fulldynamic-01.webp); margin: 0 auto;}  #topo nav {overflow: auto; background: #BFC8FF; display: flex; }#topo nav a{ display: flex; background: #fff; border-radius: 3rem; text-align: center; padding: 1rem; line-height: .5rem; width: auto; font-size: 1rem; margin: 0 .5rem; border: .1em solid #E5E5E5;} #topo nav::-webkit-scrollbar{height:.5rem;}::-webkit-scrollbar-thumb{background:#8F94B3;} #topo nav a::after {background: none;} #topo nav a span {font-size: 1rem; margin-left: .3rem; line-height: 0; margin-top: -.4rem;} .btPADR {padding: 1.5rem 0 !important; line-height: .2rem;}.btPADR::after{background: none;} #slid {top: 4rem; background-size: cover; margin-bottom: 4rem;} #slid .titPADR {font-size: 1.6rem;}

#exttSLID {width: 100%; height: auto; top: 9rem; left: 0; text-align: left; padding: 2rem; display: grid;}
#descSLID {width: 60%; margin: 1.5rem 0; font-size: 1.4rem;} #exttSLID a {margin: 0 auto; width: 100%; left: 0; right: 0;}

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

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

#sol {margin: 0 auto;}

#sol .titPADR {width: 80%; } #sol::after {content: ''; z-index: 0; position: absolute; width: 100%; height: 20rem; top: 0; left: 0; margin: 0 auto;  z-index: -1;} #exttSOL {position: relative; width: 100%; top: 0; left: 0; right: 0; margin: 4rem auto; display: grid; place-content: center; grid-gap: 1rem; grid-template-areas: "blocSOL1 blocSOL2" "blocSOL3 blocSOL4";} .blocSOL {width: 10rem; height: 10rem; padding: 2rem 0; margin: 0; background: #fff; box-shadow: 0 0 .2rem #a7a7a7; display: grid; place-items: center; place-content: center;} 
#exttBTSOL {width: 100%; left: 0; right: 0; margin: 0 auto;} #exttBTSOL .btPADR {width: 10rem;}

#port {padding: 1rem 0;}
#port .titPADR {width: 80%;} #exttPORT {width: 100%; grid-gap: 1rem; grid-template-areas: "blocPORT1 blocPORT2";}

#roda {grid-template-areas: "idtFT" "cntFT" "linkFT" "locFT" "dirFT"; font-size: .9rem;} .blocLINKFT {margin-top: 2rem;} .blocFTPADR {padding: 1rem;} #roda a {font-size: 1.1rem;  height: auto; padding: .5rem;} #idtFT {width: 80%; top: 2rem; margin-bottom: 3rem;} #cntFT {width:80%; margin:0;} #rdsFT {padding: 0 1rem; margin-top: 3rem;} #linksFT {display: grid; margin-top: 3rem;} #linksFT a {margin: 1rem 0;} #imgFT {display: none;} .btPADR2,.btPADR { font-size: 1.1rem; display: grid; height: 1rem; padding: .2rem; margin: .5rem 0;} .btPADR3 {margin: .5rem 0 !important;}

.rdsFT {padding: .5rem; border-radius: .5rem;} 

#dirFT {border-top: .1rem solid #c6c7c8; width: 100%; height: 10rem;  grid-area: dirFT; padding: 1rem; text-align: center; }  #idtFT {background-size: contain;}
 #dirFULL {font-size: .8rem; padding: 1rem 0;} #FULLRDP {position: absolute; width: 3rem; height: 3rem !important; right: 0; left: 0; background-position: center; margin: 3.5rem auto 0 auto;} 
}

@media screen and (min-width:600px) and (max-width:990px) {*{font-size: 1.4rem; } #topo nav a {padding: 1.5rem 1rem 2rem 1.5rem; font-size: 1.2rem;} .btPADR {height: 4rem; line-height: 1rem; } }

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