* {box-sizing: border-box; margin: 0; padding: 0; font-family: Helvetica; text-decoration: none; transition: all .2s;}
::-webkit-scrollbar-track{background-color:#F4F4F4}::-webkit-scrollbar{width:1.2rem}::-webkit-scrollbar-thumb{background:#0C3E3F; border-radius: .5rem;} input[type=checkbox],#topo label {display: none;} .hide {opacity: 0; transform: translateY(-100%);} .fullFULL {position: absolute; width: 0; height: 0; visibility: hidden; opacity: 0; overflow: hidden;} a {font-size: 1rem; color: #4f4f4f;} .titPADR {font-size: 1.9rem; color: #0C3E3F; font-weight: 600; font-family: Athena;} .titPADR2 { font-size: 1.1rem; color: #4f4f4f; font-weight: 600;} .subtitPADR {font-size: 1rem; color: #4f4f4f; padding: .5rem 0;} .botPADR {position: relative; font-size: 1rem; padding: .7rem 1rem; color: #fff; border: .1rem solid #ECC35E; background: #067E8A; border-radius: 2rem; top: 1rem;} .botPADR:hover {background: #067E8A; color: #fff; border: .1rem solid #067E8A;} .anime {opacity: 0; transform: scale(0);} .anime-start {opacity: 1; transform: scale(1);}

@font-face {
    font-family: Athena;
    src: url(../css/athena.ttf);
}

#topo {position: relative; width: 100%; top: 0; left: 0; display: grid; grid-template-areas: "idtTOP navTOP rdsTOP"; padding: .3rem; z-index: 3;} #topo nav a::after {content: ''; position: absolute; width: 0; border-radius: 5rem; height: .3rem; background: #067E8A; display: grid; visibility: hidden; transition: all .2s;} #topo nav a:hover::after {visibility: visible; width: 3rem;} 
#idtTOP {position: relative; width: 100%; height: 7rem; top: .5rem; left: 3rem; background-image: url(../imgs/idt/spa-dos-fios-fulldynamic.webp); background-position: center; background-repeat: no-repeat; background-size: 100%;}
#topo nav {position: relative; left: 1rem; display: grid; grid-gap: 2rem; place-content: center; grid-template-areas: "navTOP1 navTOP1 navTOP1 navTOP1";} #topo nav a span {color: #067E8A}
#rdsTOP {justify-content: right; place-items: center; margin-right: 3rem; grid-gap: .6rem; grid-template-areas: "rdsTOP1 rdsTOP2 rdsTOP3 rdsTOP4"; display: grid;} #rdsTOP a { width: auto; padding: .4rem; text-align: center; border: .1em solid transparent; color: #ECC35E; height: auto; font-size: 1rem; border-radius: 50%;} #rdsTOP a:hover {background: #FFF; color: #067E8A;}

#slid {position: relative; width: 100%; height: 96vh; left: 0; right: 0; margin: -7.7rem auto 0 auto; background: linear-gradient(#0C3E3F, #067E8A, #0C3E3F); overflow: hidden; display: grid; align-items: center;}
#slid::after {content: ''; position: absolute; bottom: 0; width: 70%; height: 100%; left: 0; background: #fff; border-top-right-radius: 20rem; border-bottom-right-radius: 20rem;}
#slid::before {content: ''; position: absolute; bottom: 0; width: 55rem; height: 30rem; left: 10rem; right: 0; margin: 0 auto; z-index: 1; background-position: center; background-repeat: no-repeat; background-size: 100%; background-image: url(../imgs/slid/spa-dos-fios-fulldynamic.webp);} #txtSLID {position: relative; width: 30%; top: .5rem; left: 4rem; z-index: 2;} .custom-shape-divider-bottom-1717616196 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg); z-index: 3;
}

.custom-shape-divider-bottom-1717616196 svg {
    position: relative;
    display: block; 
    width: calc(100% + 1.3px);
    height: 46px;
}

.custom-shape-divider-bottom-1717616196 .shape-fill {
    fill: #FFFFFF;
}

#sol {position: relative; width: 100%; background: #fff; z-index: 3; margin-top: -.1rem; padding: 3rem 4rem 2rem 4rem;} #exttSOL {position: relative; width: 100%; margin: 2rem auto; display: grid; grid-template-areas: "blocSOL blocSOL"; grid-gap: 1rem 4rem;} .blocSOL {position: relative; background: #fff; border-radius: .5rem; width: 100%; height: 20rem; display: flex; border: .1rem solid #e7e7e7;} .blocSOL .titPADR2 {margin: 1rem 0 .2rem 0; font-family: Athena; color: #0C3E3F;} .imgsSOL {position: relative; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover;} .imgSOL01 {background-image: url(../imgs/tratamentos/spa-dos-fios-fulldynamic-01.webp);} .imgSOL02 {background-image: url(../imgs/tratamentos/spa-dos-fios-fulldynamic-02.webp);} #txtSOL {position: relative; width: 100%; height: auto; display: grid; place-content: center; left: .5rem; padding: 1rem;} .botSOL {position: relative; width: 77%; text-align: center; top: .5rem; background: #067E8A; color: #fff; padding: .5rem; border-radius: 2rem; border: .1rem solid #ECC35E; font-size: .9rem;} .botSOL:hover {background: #067E8A; border: .1rem solid #067E8A; color: #fff;} #exttSOL .blocSOL:nth-child(2) {transition: all .4s;} #exttSOL .blocSOL:nth-child(3) {transition: all .6s;} #exttSOL .blocSOL:nth-child(5) {transition: all .4s;} #exttSOL .blocSOL:nth-child(6) {transition: all .6s;} #exttSOL .blocSOL:nth-child(8) {transition: all .4s;} #exttSOL .blocSOL:nth-child(9) {transition: all .6s;}

#terDET {position: relative; width: 100%; background: #fff; padding: 3rem 4rem 2rem 4rem;} #exttTER-DET {position: relative; width: 100%; margin: 3rem auto; display: grid; grid-template-areas: "blocTER blocTER blocTER"; grid-gap: 3rem;} .blocTER-DET {position: relative; border: .1rem solid #e7e7e7; border-radius: 1rem;} #terDET .titPADR2 {background: #067E8A; color: #fff; font-weight: bold; padding: 1rem .5rem;} .imgTER-DET {position: relative; width: 100%; height: 30rem; background-position: center; background-repeat: no-repeat; background-size: cover; display: block; margin: 0 auto .5rem auto;} .blocTER-DET .subtitPADR {padding: .5rem .5rem 1rem .5rem;}
@keyframes imgTER-EXA {
    0%{background-image: url(../imgs/terapia/exame-de-imagem-01-paloma-spa-dos-fios-fulldynamic.webp);}
    49%{background-image: url(../imgs/terapia/exame-de-imagem-01-paloma-spa-dos-fios-fulldynamic.webp);}
    50%{background-image: url(../imgs/terapia/exame-de-imagem-02-paloma-spa-dos-fios-fulldynamic.webp);}
    100%{background-image: url(../imgs/terapia/exame-de-imagem-02-paloma-spa-dos-fios-fulldynamic.webp);}
} .imgTER-EXA {background-image: url(../imgs/terapia/exame-de-imagem-01-paloma-spa-dos-fios-fulldynamic.webp); animation: imgTER-EXA 7s infinite ease-in;} .imgTER-LAV {background-image: url(../imgs/terapia/lavatorio-paloma-spa-dos-fios-fulldynamic.webp);} .imgTER-ALT {background-image: url(../imgs/terapia/alta-frequencia-paloma-spa-dos-fios-fulldynamic.webp);} .imgTER-ILIB {background-image: url(../imgs/terapia/ILIB-paloma-spa-dos-fios-fulldynamic-012.webp);} .imgTER-MIC {background-image: url(../imgs/terapia/microagulhamento-paloma-spa-dos-fios-fulldynamic.webp);} 
@keyframes imgTER-LAS {
    0%{background-image: url(../imgs/terapia/laser-01-paloma-spa-dos-fios-fulldynamic.webp);}
    24%{background-image: url(../imgs/terapia/laser-01-paloma-spa-dos-fios-fulldynamic.webp);}
    25%{background-image: url(../imgs/terapia/laser-02-paloma-spa-dos-fios-fulldynamic.webp);}
    49%{background-image: url(../imgs/terapia/laser-02-paloma-spa-dos-fios-fulldynamic.webp);}
    50%{background-image: url(../imgs/terapia/laser-03-paloma-spa-dos-fios-fulldynamic.webp);}
    74%{background-image: url(../imgs/terapia/laser-03-paloma-spa-dos-fios-fulldynamic.webp);}
    75%{background-image: url(../imgs/terapia/laser-04-paloma-spa-dos-fios-fulldynamic.webp);}
    100%{background-image: url(../imgs/terapia/laser-04-paloma-spa-dos-fios-fulldynamic.webp);}
} .imgTER-LAS {background-image: url(../imgs/terapia/laser-01-paloma-spa-dos-fios-fulldynamic.webp); animation: imgTER-LAS 20s infinite ease-in;}

#bnf {position: relative; width: 100%; padding: 2rem 4rem; display: grid; grid-gap: 1rem 4rem; place-items: center; place-content: center; grid-template-areas: "subtBNF subtBNF" "titBNF titBNF" "imgBNF txtBNF";} #bnf .subtitPADR {grid-area: subtBNF; position: relative; top: 1rem;} #bnf .titPADR {position: relative; grid-area: titBNF; text-align: center;} .imgBNF {position: relative; width: 31rem; height: 100%; margin: 2rem auto; background-position: center; background-repeat: no-repeat; background-size: 100%; background-image: url(../imgs/paloma/paloma-spa-dos-fios-fulldynamic-03.webp); grid-area: imgBNF;} #exttBNF {position: relative; width: 100%; display: grid; grid-template-areas: "blocBNF blocBNF" "blocBNF blocBNF" "blocBNF2 blocBNF2" "botBNF botBNF"; margin: 4rem auto; grid-gap: 1rem;} .blocBNF {position: relative; width: 16rem; height: 7rem; background: #eee; border: .1rem solid #d3d3d3; border-radius: 1rem; display: grid; place-content: center; place-items: center; grid-gap: .5rem;} .blocBNF .titPADR2 {color: #022c17; font-weight: 500;} .iconBNF {font-size: 1.5rem; color: #067E8A;} #exttBNF section:nth-child(5) {grid-area: blocBNF2; width: 100%; height: 7rem;} #exttBNF .botPADR {position: relative; display: block;}

#trat {position: relative; width: 100%; padding: 2rem 4rem;} #exttTRAT {position: relative; margin: 2rem auto; display: grid; grid-template-areas: "blocTRAT blocTRAT blocTRAT blocTRAT blocTRAT"; grid-gap: 1rem;} .blocTRAT {position: relative; width: 14.5rem; height: 12rem; border-radius: 2rem; display: grid; place-content: center; background-position: center; background-repeat: no-repeat; background-size: 100%;} #exttTRAT section:nth-child(1) {background-image: url(../imgs/capilar/terapia-capilar-spa-dos-fios-fulldynamic-01.webp);} #exttTRAT section:nth-child(2) {background-image: url(../imgs/capilar/terapia-capilar-spa-dos-fios-fulldynamic-02.webp);} #exttTRAT section:nth-child(3) {background-image: url(../imgs/capilar/terapia-capilar-spa-dos-fios-fulldynamic-03.webp);} #exttTRAT section:nth-child(4) {background-image: url(../imgs/capilar/terapia-capilar-spa-dos-fios-fulldynamic-04.webp);} #exttTRAT section:nth-child(5) {background-image: url(../imgs/capilar/terapia-capilar-spa-dos-fios-fulldynamic-05.webp);} #exttTRAT section:nth-child(6) {background-image: url(../imgs/capilar/terapia-capilar-spa-dos-fios-fulldynamic-06.webp);} #exttTRAT section:nth-child(7) {background-image: url(../imgs/capilar/terapia-capilar-spa-dos-fios-fulldynamic-07.webp);} #exttTRAT section:nth-child(8) {background-image: url(../imgs/capilar/terapia-capilar-spa-dos-fios-fulldynamic-08.webp);} #exttTRAT section:nth-child(9) {background-image: url(../imgs/capilar/terapia-capilar-spa-dos-fios-fulldynamic-09.webp);} #exttTRAT section:nth-child(10) {background-image: url(../imgs/capilar/terapia-capilar-spa-dos-fios-fulldynamic-010.webp);}  #trat .titPADR2 {text-align: center; color: #fff; font-weight: 700; text-shadow: 0 0 .3rem #4f4f4f;}

#feed {position: relative; width: 100%; padding: 2rem 4rem;} #exttFEED {position: relative; margin: 2rem auto; display: grid; grid-template-areas: "blocFEED blocFEED blocFEED"; grid-gap: 1rem;} .blocFEED {position: relative; width: 24.8rem; height: 41rem; background-size: 100%; border-radius: 1rem; border: .2rem solid #067E8A;} #exttFEED .blocFEED:nth-child(1) {background-image: url(../imgs/feedbacks/feedbacks-spa-dos-fios-paloma-pires-fulldynamic-01.webp); background-repeat: no-repeat;} #exttFEED .blocFEED:nth-child(3) {background-image: url(../imgs/feedbacks/feedbacks-spa-dos-fios-paloma-pires-fulldynamic-02.webp); background-repeat: no-repeat;} #exttFEED .blocFEED:nth-child(4) {background-image: url(../imgs/feedbacks/feedbacks-spa-dos-fios-paloma-pires-fulldynamic-03.webp); background-repeat: no-repeat;} #exttFEED .blocFEED:nth-child(5) {background-image: url(../imgs/feedbacks/feedbacks-spa-dos-fios-paloma-pires-fulldynamic-04.webp); background-repeat: no-repeat;} #exttFEED .blocFEED:nth-child(5)::after {content: ''; position: absolute; width: 100%; height: 35%; bottom: 0; left: 0; background-image: url(../imgs/outros/paloma-spa-dos-fios-fulldynamic.webp); border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem;}

#sobr {position: relative; width: 100%; padding: 4rem;} #sobr::before {content: ''; position: absolute; width: 100%; height: 100%; background: #067E8A; top: 0; left: 0; opacity: .6;} #sobr::after {z-index: -1; content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-image: url(../imgs/outros/paloma-spa-dos-fios-fulldynamic-02.webp);} 
.custom-shape-divider-top-1717617633 {
    position: absolute;
    top: -.1rem;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}

.custom-shape-divider-top-1717617633 svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 50px;
    transform: rotateY(180deg);
}

.custom-shape-divider-top-1717617633 .shape-fill {
    fill: #FFFFFF;
}

#exttSOBR {position: relative; width: 100%; margin: 1rem auto; place-content: center; place-items: center; display: flex;} #imgSOB {position: relative; width: 100%; height: 41rem; background-position: top; background-repeat: no-repeat; background-size: 100%; background-image: url(../imgs/paloma/paloma-spa-dos-fios-fulldynamic.webp);} #txtSOBR {position: relative; width: 100%; margin-top: 1rem; padding: 2rem;} #txtSOBR .titPADR {width: 85%; color: #fff;} #txtSOBR .titPADR2 {position: relative; width: 85%; margin: .5rem 0; color: #fff;} #txtSOBR .subtitPADR {position: relative; width: 85%; color: #e7e7e7; font-size: 1.1rem;}

.custom-shape-divider-bottom-1717617676 {
    position: absolute;
    bottom: -.1rem;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(-180deg);
}

.custom-shape-divider-bottom-1717617676 svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 50px;
    transform: rotateY(-180deg);
}

.custom-shape-divider-bottom-1717617676 .shape-fill {
    fill: #FFFFFF;
}

#rdsSOBR {position: relative; margin: 2rem 0;} #rdsSOBR a {background: #fff; font-size: 1.7rem; padding: .5rem; border-radius: 50%; color: #067E8A; margin: 0 .5rem 0 0;} #rdsSOBR a:hover {opacity: .7;} #rdsSOBR.anime {transform: scale(1) translateX(-50%);} #rdsSOBR.anime-start {transform: scale(1) translateX(0);}

#serv {position: relative; width: 100%; padding: 2rem 4rem;} #exttSERV {position: relative; margin: 2rem auto; display: grid; grid-template-areas: "blocSERV blocSERV blocSERV"; grid-gap: 1rem;} .blocSERV {position: relative; width: 24.8rem; height: 30rem; background-position: center; background-size: cover; border-radius: 1rem; border: .2rem solid #067E8A;} #exttSERV .blocSERV:nth-child(2) {background-repeat: no-repeat; background-image: url(../imgs/clientes/clientes-spa-dos-fios-paloma-pires-fulldynamic-01.webp);} #exttSERV .blocSERV:nth-child(4) {background-repeat: no-repeat; background-image: url(../imgs/clientes/clientes-spa-dos-fios-paloma-pires-fulldynamic-02.webp);} #exttSERV .blocSERV:nth-child(6) {background-repeat: no-repeat; background-image: url(../imgs/clientes/clientes-spa-dos-fios-paloma-pires-fulldynamic-03.webp);}

#contRAP {position: relative; width: 100%; padding: 2rem 10rem 4rem 10rem; margin: 8rem auto 4rem auto; background-image: url(../imgs/outros/paloma-spa-dos-fios-fulldynamic-02.webp);} #contRAP::after {content: ''; position: absolute; bottom: 0; right: 10rem; width: 25rem; height: 21rem; background-position: bottom; background-size: cover; background-image: url(../imgs/outros/paloma-spa-dos-fios-fulldynamic-03.webp); background-repeat: no-repeat; z-index: 1;} #contRAP .titPADR {width: 50%; margin: 0 0 .5rem 0;}

#curs {position: relative; width: 100%; padding: 4rem; background: #eee; display: grid; place-items: center;} #curs .titPADR {width: 40%; text-align: center;} #curs .titPADR2 {margin-top: -2rem;} .exttCURS1 {margin-top: 8rem !important;} .exttCURS1 .txtCURS {padding-right: 4rem;} .exttCURS {position: relative; width: 100%; margin: 2rem auto 0 auto; background: #fff; padding: 1rem; border-radius: 1rem; box-shadow: 0 0 .3rem #cfcfcf; display: flex; place-items: center; grid-gap: 2rem;} .imgCURS {position: relative; width: 100%; height: 15rem;}.imgCURS1::after {content: ''; position: absolute; width: 70%; height: 150%; left: 4rem !important; background-position: center; background-repeat: no-repeat; background-size: 100%; background-image: url(../imgs/paloma/paloma-spa-dos-fios-fulldynamic-02.webp); bottom: -1rem; left: 0;} .txtCURS {position: relative; width: 80%; padding-left: 4rem;} #curs iframe {position: relative; width: 96%; height: 100%;}

#vidPRC {position: relative; width: 100%; padding: 2rem 4rem; display: flex; grid-gap: 1rem; place-content: center;} #vidPRC iframe {position: relative; width: 100%;} #txtVID {position: relative; width: 100%;}

#roda {position: relative; width: 100%;} #roda a {font-weight: inherit; color: #022c17; padding: .2rem 0; font-size: .9rem;} #roda iframe {position: relative; width: 100%; height: 22rem;} .titROD {font-size: 1.1rem; color: #2c2c2c; margin: .7rem 0;} .titROD2 {margin-top: 1rem;} .descROD {position: relative; width: 100%; font-size: .9rem; color: #4f4f4f; margin: .2rem 0;} #exttROD {position: relative; padding: 1.5rem 5rem; background: #fff; display: flex; place-items: center; grid-gap: 4rem;} .blocROD {position: relative; width: 100%; height: 100%; display: grid; place-content: center;} #exttROD .blocROD:nth-child(2) {margin-left: 4rem;}
#idtROD {position: relative; width: 12rem; height: 7rem; background-position: left; background-repeat: no-repeat; background-size: 100%; background-image: url(../imgs/idt/spa-dos-fios-fulldynamic.webp); display: block;} #exttlinksROD {position: relative; display: grid; grid-gap: .4rem;} #exttlinksROD a {padding-left: 1.1rem;} #exttlinksROD a:hover {color: #067E8A; transform: translateX(.3rem); border-radius: .3rem;} #exttlinksROD a::after {content: ''; position: absolute; margin-top: .2rem; width: .6rem; height: .6rem; left: 0; background: #d3d3d3; border-radius: 50%;} #exttlinksROD a:hover:after {background: #067E8A;} #exttrdsROD {position: relative; display: grid; grid-template-areas: "rdsROD rdsROD rdsROD"; grid-gap: .5rem;} #exttrdsROD a {font-size: 1.1rem; padding: .5rem .1rem; border-radius: .3rem; border: .1rem solid #d3d3d3; text-align: center; color: #4f4f4f;} #exttrdsROD a:hover {background: #067E8A; color: #ECC35E;} .zapROD {position: relative; background: #067E8A; margin-top: 1rem; font-size: 1rem !important; border: .1rem solid #067E8A; padding: .5rem 1rem !important; border-radius: .5rem; color: #fff !important;} #roda .icon-whatsapp {font-size: 1.3rem !important; color: #fff;} .zapROD:hover {background: #fff; color: #067E8A !important;} .zapROD:hover .icon-whatsapp {color: #067E8A !important;}

#roda iframe {position: relative; height: 7rem;}

#dirFULL {
position: relative;
width: 100%;
left: 0;
right: 0;
margin: 0 auto;
padding: 1rem 0 1rem 5rem;
font-size: .9rem;
text-align: left;
color: #2c2c2c;
border-top: .1rem solid #d3d3d3;
}
  
#idtFULL {
position:absolute;width:30px;height:26px;right:5rem;bottom:.7rem; margin:0;padding:0;background-size: cover; background-repeat:no-repeat; background-position:center;z-index:100;background-image:url(../imgs/fulldynamic-digital.webp); display: block;
}


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

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

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

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

@media screen and (min-width:1900px) {*{font-size: 1.4rem;} #serv {margin-top: -.09rem; background: #fff;}}
 
@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) {#rdsTOP {display: none;}

#rdsTOP {display: none ;} 
#topo {grid-template-areas: "idtTOP navTOP"; align-items: center; margin: 0 auto; background: #fff; border-top: .7rem solid #067E8A;} #idtTOP {left: 1rem; background-image: url(../imgs/idt/spa-dos-fios-fulldynamic-02.webp);} 
#topo label {background: #067E8A; border-radius: 50%; right: 0; position: absolute; display: grid; place-items: center; width: 2.4rem; height: 2.4rem; right: 1rem; } #topo label::after {content: ''; position: absolute; transition: all .3s; width: 60%; height: .24rem; border-radius: 1rem; margin-top: -.7rem; background: #ECC35E;} #topo label::before {content: ''; transition: all .3s; position: absolute; width: 60%; height: .24rem; border-radius: 1rem; margin-top: .7rem; background: #ECC35E;} 

#topo input:checked ~ label::after {transform: rotate(45deg); margin:0;} #topo input:checked ~ label::before {margin:0; transform: rotate(-45deg);}

#topo input:checked ~ nav {visibility: visible; top: 7.5rem; transform: translateX(0);}

#topo nav {position: absolute; visibility: hidden; transform: translateX(-100%); display: grid; width: 100%; left: 0; top: 7.5rem; background: #fff; border-bottom: .1em solid #c6c7c8; padding: 1.5rem 0; grid-gap: 0; grid-template-areas: "navTOP1" "navTOP1" "navTOP1" "navTOP1";} #topo nav a {width: 100vw; text-align: center; font-size: 1.1rem; color: #fff; background: #067E8A; padding: .7rem; margin: .3rem 0;} #topo nav a span {color: #fff}

#slid {height: 107vh; margin: -7.7rem auto 0 auto;}#slid::before {width: 100%; background-size: cover; left: 0; background-image: url(../imgs/slid/spa-dos-fios-fulldynamic-02.webp); background-position: 2rem -11rem;} #txtSLID {position: relative; width: 70%; top: 0; left: 2rem; padding: .5rem; border-radius: .3rem; background: linear-gradient(90deg, #fff, #ffffff77);} #txtSLID .titPADR {margin: 0;} #txtSLID .subtitPADR {font-size: 1.1rem;} 

#sol {padding: 3rem 0 2rem 0;} #sol p:nth-child(1) {width: calc(100% - 2rem); margin: 0 auto;} #sol .titPADR {width: calc(100% - 2rem); margin: 0 auto;} #exttSOL {display: grid; grid-template-areas: "blocSOL"; place-items: center; grid-gap: 2rem 0;} .exttSOL .subtitPADR {margin: 0;} .blocSOL {width: calc(100% - 2rem); height: auto; display: grid; padding-bottom: 2rem;} .blocSOL .titPADR2 {margin: 1rem 0 .2rem 0 !important; } .imgsSOL {height: 20rem;} 

#terDET {width: calc(100% - 2rem); margin: 0 auto; padding: 3rem 0 2rem 0;} #exttTER-DET {margin: 3rem auto; grid-template-areas: "blocTER"; grid-gap: 3rem;} 

#sobr {position: relative; width: 100%; padding: 2rem 0;} #exttSOBR {margin: 1rem auto; display: grid;} #imgSOB {height: 30rem; background-size: cover;} #txtSOBR {position: relative; width: 100%; margin-top: 0; padding: 2rem;} #txtSOBR .titPADR {width: 100%;} #txtSOBR .titPADR2 {position: relative; width: 100%;} #txtSOBR .subtitPADR {width: 100%;} #rdsSOBR {position: relative; margin: 2rem auto;}

#serv {position: relative; width: 100%; margin-top: -.05rem; z-index: 4; background: #fff; padding: 2rem 0;} #exttSERV {grid-template-areas: "blocSERV"; grid-gap: 1rem;} .blocSERV {position: relative; width: 100%; height: 30rem;} #serv .subtitPADR {position: relative; width: 75%; left: 0; right: 0; margin: 0 auto; text-align: center;} #serv .titPADR {position: relative; width: 75%; left: 0; right: 0; margin: 0 auto; text-align: center;} 

#trat {padding: 2rem 0;} #trat .subtitPADR {position: relative; width: 75%; left: 0; right: 0; margin: 0 auto; text-align: center;} #trat .titPADR {position: relative; width: 75%; left: 0; right: 0; margin: 0 auto; text-align: center;} #exttTRAT {width: 95%; grid-template-areas: "blocTRAT blocTRAT"; grid-gap: .5rem; margin: 2rem auto;} .blocTRAT {position: relative; width: 46vw; height: 12rem; background-size: cover; border-radius: .5rem;}
#trat .titPADR2 {width: 90%; margin: 0 auto;}

#contRAP {padding: 0 0 5rem 0; margin: 0 auto; overflow-x: hidden;} #contRAP::after {content: ''; position: absolute; bottom: 0; right: -7rem; width: 100%; height: 21rem;} #contRAP .titPADR {position: relative; width: 45%; padding: 0; top: 1.5rem; left: 1.5rem; margin: 0 0 .5rem 0;} #contRAP .botPADR {position: relative; z-index: 2; top: 2.5rem; left: 1.5rem;}

#bnf {position: relative; width: 100%; padding: 2rem 0; display: grid; grid-gap: 1rem; grid-template-areas: "subtBNF" "titBNF" "imgBNF" "txtBNF";} #bnf .subtitPADR {grid-area: subtBNF; position: relative; top: 1rem;} #bnf .titPADR {position: relative; grid-area: titBNF; text-align: center;} .imgBNF {position: relative; width: 100%; height: 24rem; margin: 0 auto; background-position: center; background-repeat: no-repeat; background-size: 100%; grid-area: imgBNF;} #exttBNF {position: relative; width: 100%; margin: 1.5rem auto; grid-gap: .5rem; place-items: center; place-content: center;} .blocBNF {position: relative; width: 45vw;} #exttBNF .botPADR {width: 100%; text-align: center; padding: 1rem; font-size: 1.1rem; grid-area: botBNF;}

#feed {padding: 3rem 0 2rem 0;} #exttFEED {grid-template-areas: "blocFEED";} .blocFEED {width: 100%; height: 35rem;} #feed .subtitPADR {position: relative; width: 75%; left: 0; right: 0; margin: 0 auto; text-align: center;} #feed .titPADR {position: relative; width: 75%; left: 0; right: 0; margin: 0 auto; text-align: center;}

#curs {position: relative; width: 100%; padding: 2rem 0;} #curs .titPADR {width: 85%; text-align: center;} #curs .titPADR2 {margin-top: 0;} .exttCURS1 {margin-top: 20rem !important;} .exttCURS1 .txtCURS {padding-right: 0;} .exttCURS {position: relative; width: 90%; margin: 1rem auto; display: grid; place-items: center; grid-gap: 1rem; padding-bottom: 3.5rem;} .imgCURS {position: relative; width: 100%; height: 12rem; margin-top: -14rem;}.imgCURS1::after {content: ''; position: absolute; width: 100%; left: 0 !important;bottom: 0;} .txtCURS {position: relative; width: 90%; padding-left: 0;} .exttCURS2 {display: grid;} .exttCURS2 .imgCURS {margin-top: -65rem; margin-bottom: -5rem;} .exttCURS2 .txtCURS {position: relative; width: 100%; padding: 0; margin-top: 22rem;} #curs iframe {position: relative; width: 100%; height: 20rem;}

#exttROD .blocROD:nth-child(2) {margin-left: 0;}
#exttROD {position: relative; padding: 1.5rem 0; display: grid; place-items: center; grid-gap: 1.5rem;} .titROD {font-size: 1.4rem;} .descROD {font-size: 1.1rem;} .blocROD {position: relative; width: 90%; height: 100%; display: grid; place-content: center;} #exttlinksROD {width: 90vw;} #exttlinksROD a {padding-left: 1.1rem; font-size: 1.1rem; margin: .5rem 0 0 0;} #exttrdsROD {width: 90vw;} #exttrdsROD a {font-size: 1.6rem; padding: .5rem .1rem;} .zapROD {text-align: center;} #dirFULL {width: 90%; padding: 1rem 0 1rem 0; margin: 0 auto; text-align: center; padding-bottom: 4rem;} #idtFULL {position:absolute;width:30px;height:26px; bottom: 1rem; left: 0; right: 0; margin: 0 auto;} 


} 

@media screen and (min-width:300px) and (min-height:770px) and (max-width:990px) {#slid {height: 80vh;}}

@media screen and (min-width:390px) and (max-width:990px) {*{font-size: 1.1rem;} #idtTOP {}}

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

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