@charset "utf-8";*{box-sizing:border-box;letter-spacing:.1em;margin:0;padding:0;text-decoration:none;font-family:'Roboto';}::-webkit-scrollbar-track{background-color:#f9f9fb;width:1em}::-webkit-scrollbar{width:1em}::-webkit-scrollbar-thumb{background:#b5b4b4}#btMENU,#fxmCEL,[type=checkbox]{display:none}
.anime {transform: scale(0);} .anime-start {transform: scale(1);}

.fullFULL {position: absolute; width: 0; height: 0; visibility: hidden; overflow: hidden; opacity: 0;} a {color: #290030;}

#topo {position: fixed; width: 100%; background: #7eb352; box-shadow: 0 0 .3em #c6c7c8; transition: all .3s;  top: 0; left: 0; display: grid; grid-template-areas: "idtTOP navTOP rdsTOP"; padding: .7rem; z-index: 3;} .hide {opacity: 0; visibility: hidden; transform: translateY(-100%);} #topo::after {content: ''; position: absolute; width: 20%; height: 100%; z-index: -1; border-top-right-radius: 3rem; left: 0; top: 0; background: #fff;} #topo nav a:hover {transform: scale(1.05);} #topo nav a::after {content: ''; position: absolute; width: 0; border-radius: 5rem; height: .3rem; background: #ab52b3; display: grid; visibility: hidden; transition: all .2s;} #topo nav a:hover::after {visibility: visible; width: 3rem;} 
#idtTOP {position: relative; width: 10rem; height: 3rem; left: 3rem; background-image: url(../imgs/idt/identidade-jussara-fulldynamic.webp); background-position: center; background-repeat: no-repeat; background-size: contain; grid-area: idtTOP;}
#topo nav { display: grid; grid-area: navTOP; grid-gap: 2rem; transform: translateX(-7rem); place-content: center; grid-template-areas: "navTOP1 navTOP1 navTOP1 navTOP1";} #topo nav a {color:#fff;} #topo nav a span {color: #7eb352}
#rdsTOP {justify-content: right; grid-area: rdsTOP; place-items: center; margin-right: 3rem; grid-gap: .6rem; display: flex;} #rdsTOP a { width: 2rem; text-align: center; border: .1em solid #7eb352; color: #fff; line-height: 1.8rem; height: 2rem; font-size: 1.1rem; border-radius: 50%; background: #7eb352;} #rdsTOP a:hover {background: #FFF; transform: scale(1.1); color: #7eb352; border: .1em solid #7eb352} .titPADR {font-size: 1.9rem; color: #4b054e; padding: 1rem 0;}

.container{position:relative;width:100%;height:30rem;margin-top:3.3rem;left:0;right:0;overflow:hidden;}.slider{position:relative;top:0;display:-webkit-box;display:flex;width:200%;height:100%;-webkit-transition:all .25s ease-in;transition:all .25s ease-in;-webkit-transform:translateX(0);transform:translateX(0);}.slider .box{height:100%;width:100%;display:grid;grid-template-columns:repeat(2,7fr);-webkit-box-align:center;align-items:center;overflow:hidden;position:relative}.slider .box .bg{background-color:rgba(121,121,121,.2);width:70%;-webkit-transform:skewX(7deg);transform:skewX(7deg);position:absolute;height:100%;z-index:100;-webkit-transform-origin:0 100%;transform-origin:0 100%}.slider .box1{position:relative;top:1em;background-color:rgba(171,82,179,.4)}.slider .box .bg::before{content:"";width:100%;height:100%;position:absolute;left:0;top:0;z-index:100;background-color:inherit;pointer-events:none;-webkit-transform:skewX(10deg);transform:skewX(10deg)}.slider .box .details{padding:5rem 0; transform: translateX(11rem); z-index: 100; grid-column:1/1;grid-row:1/-1}.titSLID{position:relative;width:100%;margin-top:-5rem;font-size:1.7rem;color:#290030; font-weight:500;margin-bottom:.5em}.slider .box .details p{width:100%;display:inline-block;font-size:1.2rem;color:#290030;  margin-bottom:1.5rem;letter-spacing:.2em}.slider .box .details button{padding:1rem 3rem;color:#fff;border-radius:2rem;outline:0; z-index: 100; border:none;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}.slider .box .details button:hover{opacity:.8;border-radius:0}.slider .box .details button:focus{outline:0;border:none}.slider .box1 button{background-color:#ab52b3}#imgINN1{position:absolute; background-size: 115%; bottom:-3.2rem;right:7rem;width:17rem; height:100%; z-index: 100; background-position:bottom center;background-repeat:no-repeat; background-image:url(../imgs/dra/jussara-munareto-foto-fulldynamic-e.webp)}.slider .box2{position:relative;top:1em;}#imgINN2{position:absolute;bottom:0;right:0;width:17rem;height:100%;background-position:bottom left;background-repeat:no-repeat; right: 7rem; z-index: 100; background-size: 100%; background-image:url(../imgs/dra/jussara-munareto-foto-fulldynamic-agencia.webp)}.slider .box2 button{background-color:#778568}.next,.prev,.trail{position:absolute}.next,.prev{width:4rem;cursor:pointer;opacity:.2;-webkit-transition:all .3s ease;transition:all .3s ease}.next:hover,.prev:hover{opacity:1}.prev{top:50%;left:2%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.next{top:50%;right:2%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.trail{display: none;}

#sol {position: relative; width: 75%; margin: 0 auto; padding: 5rem 0; display: grid;}
#exttBLOCBNF.anime {transform: translateX(-100%);} #exttBLOCBNF.anime-start {transform: translateX(0);}
.imgsBNF.anime {transform: scale(0);} .imgsBNF.anime-start {transform: scale(1);}

#sol .titPADR {text-align: center;} .blocBNF {margin: 3rem auto 0 auto;  padding: 2rem;  display: flex;} #exttBLOCBNF {position:relative; width:50%; transition: all .3s;} .titBNF {font-size: 1.6rem; padding: 1rem; width: auto; font-weight: 600; color: #4b054e;} .descBNF {padding: 1rem; font-family: serif; font-size: 1.3rem;} 

.imgsBNF {position: relative; right: 0; width: 50%; height: 100%; margin: 0 1rem; transition: all .3s;} 

#svg {background: #e0ffc7; padding: 2rem; margin: 0 auto; position: relative; }
#svg svg{position:relative;width:100%; height:17rem;fill:#fff;stroke:#ab52b3;stroke-width:.3rem;stroke-dasharray:400;animation:stroke ease-in 5s infinite}.svgBORD{stroke-width:.03em!important}@keyframes stroke{from{stroke-dashoffset:20}to{stroke-dashoffset:800}}

#sobr {position: relative; width: 100%; margin: 0 auto; padding: 3rem 0; display: grid; grid-template-areas: "exttSOBRE1 exttSOBRE2";} #exttSOBRE1 {background: #FBE7FF; padding: 2rem 1rem;} #exttSOBRE1 .titPADR {float: right; text-align: right; margin:1rem 3rem 1rem 0; width: 60%;transition:all .3s;} .descSOBR {position: relative; top: -1.5rem; font-size: 1.2rem; color: #290030; float: right; transition:all .3s;text-align: right; width: 60%; margin-right: 3rem;} #exttSOBRE1::after {content: ''; position: absolute; width: 17rem; height: 25rem; bottom: 5rem; left: -1rem; margin: 0; padding: 0; background-position: center; background-repeat: no-repeat; background-image: url(../imgs/dra/jussara-munareto-foto-fulldynamic.webp); } #exttSOBRE1::before {content: ''; position: absolute; width: 100%; height: 10rem; bottom: 0; z-index: 1; left: 0; background: #EF41FF;}

#exttSOBRE2 {background: #EF41FF; padding: 1rem; width: 49.3vw; z-index: 1; right: 0; display: grid; grid-template-areas: "blocFT1 blocFT2"; place-content: center; grid-gap: 1rem;} .blocFT {transition: all .3s; width:18rem; height:13rem; background-size: 100% 100%; background-position: center; background-repeat: no-repeat;} .blocFT:nth-child(1) {background-image: url(../imgs/esc/jussara-munareto-fulldynamic01.webp);} .blocFT:nth-child(2) {background-image: url(../imgs/esc/jussara-munareto-fulldynamic02.webp);} .blocFT:nth-child(3) {background-image: url(../imgs/esc/jussara-munareto-fulldynamic03.webp);} .blocFT:nth-child(4) {background-image: url(../imgs/esc/jussara-munareto-fulldynamic04.webp);} .blocFT:nth-child(5) {background-image: url(../imgs/esc/jussara-munareto-fulldynamic05.webp);} .blocFT:nth-child(6) {background-image: url(../imgs/esc/jussara-munareto-fulldynamic06.webp);} 

#menR {position: absolute; bottom: 3.5rem; left: 2rem; padding: .3rem 0; display: flex; place-content: center; z-index: 1;}
#menR a {background: #fff; padding: 1rem .5rem; font-weight: bold; border: .1rem solid #fff; text-align: center; font-size: .9rem; border-radius: 4rem; margin: 0 .3rem;} #menR a:hover {background: #7eb352;}

#prod{position:relative;width:100%;height:auto; background: #DDFFC2; left:0;right:0;margin:0 auto;padding:3rem 0;  transition: all .3s;}
#prod.anime {transform: translateX(-100%);} #prod.anime-start {transform: translateX(0);}
#exttPROD {position: relative; grid-template-areas: "prod prod"; display: grid; margin: 3rem auto 0 auto; width: 90%; place-content: center; grid-gap: 1.5rem;} #prod .titPADR{width: 50%; text-align: center; margin: 0 auto;}.blocPROD{position:relative;width:40vw; height:auto; padding-bottom: 5rem; background: #fff; left:0;right:0;margin:0 .5rem;border:.1em solid #e6e6e6;box-shadow:0 0 .3em #b5b4b4;transition:all .2s}.blocPROD:hover{box-shadow:0 0 1em #7eb352}.imgPROD{position:absolute;top:0;left:0;width:40%;height:98%;background-position:center;background-repeat:no-repeat;background-size:cover;}.imgPROD1{background-image:url(../imgs/produtos/desafio-30-dias-jussara-munareto-fulldynamic.webp)}.imgPROD2{background-image:url(../imgs/produtos/AMAR-SE-JUSSARA-MUNARETO.webp)} .imgPROD3 {background-image: url(../imgs/produtos/reset-suas-crencas-e-emagreca-jussara-munareto-fulldynamic.webp);} .titPROD {´position: relative; margin-left: 45%; width: 50%; font-size: 1.4rem; background: #FBE7FF; padding: .5rem;} .descPROD {position: relative; width: 50%; font-size: 1.2rem; margin-left: 45%;} #prod a{position:absolute;bottom:0;right:2rem;background:#7eb352;padding:.5rem;font-size:1.2rem;color:#273819;border-radius:.5em; text-align: center; margin: 1rem auto;} #prod a:hover {background: #EF41FF;}

#cont {position: relative; width: 100%; padding: 3rem 0; display: flex; place-content: center; transition: all .3s;} #cont a {text-align: center; padding: 3rem; background: #fff; font-size: 1.2rem; margin: 0 1rem; color: #273819; border-radius: 5rem;} #cont a:nth-child(1) { border: .2rem solid #c9c9c9} #cont a:nth-child(2) {background: #7eb352;} #cont a:nth-child(3) {background: #f38efc;} #cont a:hover {background: #DDFFC2;}

#feed {position: relative; width: 100%; left: 0; margin: 1rem auto; padding: 2rem 0;} #feed .titPADR {width: 50%; text-align: center; margin: 0 auto;} .subPADR {font-size: 1.2rem; color: #4b054e; width: 40%; margin: 0 auto; text-align: center;} #exttFEED {position:relative; width: 80%; margin: 2rem auto; display: grid; grid-gap: 2rem; grid-template-areas: "blocFEED1 blocFEED2 blocFEED3";} .blocFEED {background: #fff;  border: .1rem solid transparent; transition: all .3s;  box-shadow: 0 0 .3rem #c9c9c9; padding: .5rem;} .blocFEED:hover {transform: scale(1.1); border: .1rem solid #EF41FF;} .blocFEED:nth-child(2) {transition: all 1s;} .blocFEED:nth-child(3) {transition: all 1.7s;} .blocFEED:nth-child(5) {transition: all 1s;} .blocFEED:nth-child(6) {transition: all 1.7s;}
.nomFEED {width:100%; padding: .3rem; background: #7eb352; text-align: center;} .descFEED {width:100%; padding: .3rem; margin-top: .5rem; text-align: center; font-size: 1.2rem; font-family: serif; cursor: pointer;} 

#roda {position: relative; width: 100%; margin: 0 auto; display: grid; grid-template-areas: "idtFT cntFT linkFT locFT" "dirFT dirFT dirFT dirFT"; box-shadow: 0 0 .3rem #c9c9c9;} .blocLINKFT {margin-top: 1rem; width: 13rem; display: grid;} .blocFTPADR {padding: 2rem;} .titFT {color: #273819; font-weight: 600; font-size: 1.2rem;} #roda a,p {font-size: .9rem; margin: .3rem 0; padding: .5rem; color: #4b054e;} #roda a:hover {color: #7eb352; font-weight: 700;} #idtFT {position: relative; width: 15rem; height: 9rem; margin: 0 auto; top: 3.5rem; left: 2rem; background-image: url(../imgs/idt/identidade-jussara-fulldynamic.webp); background-position: center; background-repeat: no-repeat; background-size: contain;} #cntFT {width:80%; margin-left: 5rem;} #rdsFT {padding: 0 2rem;} #rdsFT a {font-size: 1.1rem;} .blocLINKFT1 {display: flex; margin-bottom: 2rem;} .blocLINKFT1 a {margin: .3rem!important;} .blocLINKFT2 {width: 9rem;} #locMUN {position:relative; width: 20rem; height: 100%; top: -.3rem; background-repeat: no-repeat; background-position: left; background-size: cover; background-image: url(../imgs/capas/local-jussara-munareto-fulldynamic.webp);} #locMUND:hover {opacity: .7;}

#dirFT {border-top: .1rem solid #c6c7c8; width: 100%; grid-area: dirFT; display: grid; place-items: center; padding: .5rem; text-align: center; } 
 #dirFULL {font-size: .8rem; padding: 1rem 0;} #FULLRDP {position: absolute; width: 2.5rem; height: 2.5rem; right: 2.5rem; background-image: url(../imgs/idt/fulldynamic-digital.webp); background-repeat: no-repeat; background-size: 100%; background-position: center;} 


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

 @media screen and (max-width:1300px) {.descSOBR{width: 60%; margin-right: 1rem; font-size: 1.1rem;}}
 
 @media screen and (min-width:1500px) {*{font-size: 1.1rem;}}

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

 @media screen and (min-width:300px) and (max-width:990px) { #rdsTOP {display: none ;} 
 
 #topo {grid-template-areas: "idtTOP navTOP"; z-index: 3; width: 100%; height: 5rem; align-items: center; margin: 0 auto;} #idtTOP {width: 11rem; height: 5rem; background-size: contain; left: .5rem; position: absolute;} .titPADR {font-size: 1.7rem; width: 90%; margin: 0 auto;} #topo::after {content: ''; position: absolute; width: 70%; height: 100%; z-index: -1; border-top-right-radius: 3rem; left: 0; top: 0; background: #fff;}
 #topo label {background: #fff; border-radius: 50%; right: 0; position: absolute; display: grid; place-items: center; width: 2.5rem; height: 2.5rem; right: 1rem; } #topo label::after {content: ''; position: absolute; transition: all .3s; width: 60%; height: .3rem; border-radius: 1rem; margin-top: -.7rem; background: #EF41FF;} #topo label::before {content: ''; transition: all .3s; position: absolute; width: 60%; height: .3rem; border-radius: 1rem; margin-top: .7rem; background: #EF41FF;} 
 
 #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; opacity: 1; transform: translateY(0);}
 
 #topo nav {position: absolute; background: #fff; z-index: -1; left: -50vw; margin: 0 auto; transform: none; display: grid; width: 100vw; top: 4.3rem; opacity: 0; transform: translateY(-200%); transition: all .3s linear; border-bottom: .1em solid #c6c7c8; padding: 1rem 0; grid-gap: 0; grid-template-areas: "navTOP1" "navTOP1" "navTOP1" "navTOP1";} #topo nav a {width: 99vw; text-align: center; font-size: .9rem; color: #fff; border-radius: 1.5rem; background: #7eb352; padding: 1rem; margin: .5rem 0;} #topo nav a span {color: #fff}

 .container {height: 40rem;}
 .slider .box .details{padding: 10rem 0 5rem 0; transform: translateX(0); width: 100vw;}
 .titSLID{position:relative;width:90%;margin: -16rem 0 0 0; left: 1rem;} .details p { position: relative; left:1rem; width: 90% !important; }
 .slider .box .details button { position: relative; left: 1rem;}
 #imgINN1,#imgINN2{position:absolute; background-size: 80%; bottom:-3.2rem;right:-3rem;width:90%;}
 #imgINN2 {background-size: 70%; right: -4rem;}

 .slider{z-index:-10}.next,.prev{width:2em}.prev{top:90%;left:2%}.next{top:90%;right:2%}
 
#sol {position: relative; width: 100%; padding: 3rem 0;} .blocBNF {margin: .5rem auto; position: relative; width: 100%; padding: .5rem 0;  display: grid;} #exttBLOCBNF {position:relative; width:100%;} 
.imgsBNF {position: absolute; width: 90%; left: 0; top: 5rem; right: 0; height: 100%; margin: 0 auto;} .descBNF {margin-top: 22rem;}

#sobr {grid-template-areas: "exttSOBRE1" "exttSOBRE2"; } #exttSOBRE1 {padding: 2rem 0; margin: 0 auto; height: auto;} #exttSOBRE1 .titPADR {float: none; text-align: center; margin:1rem auto; width: 90%;} .descSOBR {float: none; text-align: center; width: 90%; margin: 0 auto 20rem auto;} #exttSOBRE1::after { position: absolute; bottom: 39rem; left: -3rem; margin: 0; padding: 0; background-size: 100%; } #exttSOBRE1::before { position: absolute; width: 100%; height: 2rem; top: 57rem;left: 0; background: #7eb352;} 

#menR {position: absolute; width: 40%; top: -9rem; left: inherit; right: 1rem; padding: .3rem 0; display: grid; place-content: center; z-index: 1;}
#menR a {padding: .3rem; text-align: center; margin: .5rem 0; font-size: .9rem; border-radius: 4rem; }

#exttSOBRE2 {padding: .2rem 0; grid-gap: .2rem; position: relative; left: 0; right: 0; width: 100%; margin: 0 auto;} .blocFT {width:49vw; height:13rem; margin: 0; padding: 0;}

 #exttPROD {display: grid; grid-template-areas: "prod"; margin: 0 auto; width: 100%;} #prod .titPADR{width: 90%;}.blocPROD{position:relative;width:90%;margin:1rem auto; display: grid; grid-template-areas: "titPROD" "imgPROD" "descPROD" "botPROD";} .titPROD {grid-area: titPROD; width: 100%; margin: 0 auto; padding: .5rem; text-align: center;} .imgPROD {position: relative; width: 100%; height: 23rem; background-position: top;} .descPROD {width: 95%; margin: 0 auto;} #prod a {position: relative; width: 90%; height: 3rem; top: 2rem; left: 0; right: 0 !important; margin: .5rem auto; grid-area: botPROD; line-height: 2rem;}

 #cont {display: grid;} #cont a {padding: 1rem;margin: .5rem auto; font-size: 1.1rem;}

 #feed .titPADR {width: 90%;} .subPADR { width: 95%; } #exttFEED {position:relative; width: 90%; margin: 1rem auto; grid-gap: 0; grid-template-areas: "blocFEED1" "blocFEED2" "blocFEED3";} .blocFEED {margin: 1rem auto;} 

 #roda {grid-template-areas: "idtFT" "cntFT" "linkFT" "locFT" "dirFT";} .blocLINKFT {margin-top: 1rem; width: 100%; display: grid;} .blocFTPADR {padding: 2rem;}  #idtFT {margin: 0 auto 3rem auto; top: 2.5rem;} #cntFT {width:100%; margin: 0 auto;} #rdsFT {width:85%;margin:.5rem auto 0 auto; padding: 0; } .blocLINKFT1 {width: 100%; margin: 0 auto .5rem auto; display: flex;} .blocLINKFT1 a {margin: .3rem!important; padding: .5rem;} .blocLINKFT2 {width: 100%; margin-bottom: .5rem;}  #locMUN {position:relative; width: 100%; height: 15rem; top: -.3rem; margin: 0 auto; left: 0; right: 0;}

#FULLRDP {position: relative; margin: 0 auto; left: 0; right: 0;}

 }

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

 @media screen and (min-width:600px) and (max-width:990px) {*{font-size: 1.3rem;} #imgINN1,#imgINN2{background-size: 60%;}}
 
 @media screen and (min-width:800px) and (max-width:990px) {*{font-size: 1.5rem;}} 

 @media screen and (min-width:900px) and (max-width:990px) {*{font-size: .9rem;}
.container{position:relative;width:100%;height:30rem;margin-top:3.3rem;left:0;right:0;overflow:hidden;}.slider{position:relative;top:0;display:-webkit-box;display:flex;width:200%;height:100%;-webkit-transition:all .25s ease-in;transition:all .25s ease-in;-webkit-transform:translateX(0);transform:translateX(0);}.slider .box{height:100%;width:100%;display:grid;grid-template-columns:repeat(2,7fr);-webkit-box-align:center;align-items:center;overflow:hidden;position:relative}.slider .box .bg{background-color:rgba(121,121,121,.2);width:70%;-webkit-transform:skewX(7deg);transform:skewX(7deg);position:absolute;height:100%;z-index:100;-webkit-transform-origin:0 100%;transform-origin:0 100%}.slider .box1{position:relative;top:1em;background-color:rgba(171,82,179,.4)}.slider .box .bg::before{content:"";width:100%;height:100%;position:absolute;left:0;top:0;z-index:100;background-color:inherit;pointer-events:none;-webkit-transform:skewX(10deg);transform:skewX(10deg)}.slider .box .details{padding:5rem 0; transform: translateX(11rem); z-index: 100; grid-column:1/1;grid-row:1/-1}.titSLID{position:relative;width:50% !important;margin-top:-5rem;font-size:1.7rem;color:#290030; font-weight:500;margin-bottom:.5em}.slider .box .details p{width:50%!important;display:inline-block;font-size:1.2rem;color:#290030;  margin-bottom:1.5rem;letter-spacing:.2em}.slider .box .details button{padding:1rem 3rem;color:#fff;border-radius:2rem;outline:0; z-index: 100; display: block; border:none;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}.slider .box .details button:hover{opacity:.8;border-radius:0}.slider .box .details button:focus{outline:0;border:none}.slider .box1 button{background-color:#ab52b3}#imgINN1{position:absolute; background-size: 115%; bottom:-3.2rem;right:7rem;width:17rem; height:100%; z-index: 100; background-position:bottom center;background-repeat:no-repeat; background-image:url(../imgs/dra/jussara-munareto-foto-fulldynamic-e.webp)}.slider .box2{position:relative;top:1em;}#imgINN2{position:absolute;bottom:0;right:0;width:17rem;height:100%;background-position:bottom left;background-repeat:no-repeat; right: 7rem; z-index: 100; background-size: 100%; background-image:url(../imgs/dra/jussara-munareto-foto-fulldynamic-agencia.webp)}.slider .box2 button{background-color:#778568}.next,.prev,.trail{position:absolute}.next,.prev{width:4rem;cursor:pointer;opacity:.2;-webkit-transition:all .3s ease;transition:all .3s ease}.next:hover,.prev:hover{opacity:1}.prev{top:50%;left:2%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.next{top:50%;right:2%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.trail{display: none;}

#menR {top: -22rem; right: 10rem;}

.descSOBR {width: 60%;}
#exttSOBRE1::after {top: 13rem; left: 10rem;}

#exttSOBRE2 {padding: .2rem 0; grid-gap: .2rem; position: relative; left: 0; right: 0; width: 100%; margin: 0 auto;} .blocFT {width:49vw; height:13rem; margin: 0; padding: 0;}

 #cont {display: flex; width: 80%; margin: 0 auto;} 

 #exttFEED {grid-template-areas: "blocFEED1 blocFEED2";} .blocFEED {margin: 1rem;} 
 
#roda {position: relative; width: 100%; margin: 0 auto; display: grid; grid-template-areas: "idtFT cntFT linkFT locFT" "dirFT dirFT dirFT dirFT"; box-shadow: 0 0 .3rem #c9c9c9;} .blocLINKFT {margin-top: 1rem; width: 13rem; display: grid;} .blocFTPADR {padding: 2rem;} .titFT {color: #7eb352; font-weight: 600; font-size: 1.2rem;} #roda a,p {font-size: .9rem; margin: .3rem 0; color: #4b054e;} #roda a:hover {color: #7eb352; font-weight: 700; transform: scale(1.1);} #idtFT {position: relative; width: 12rem; height: 9rem; margin: 0 auto; top: 3.5rem; background-image: url(../imgs/idt/identidade-jussara-fulldynamic.webp); left: 2rem; background-position: center; background-repeat: no-repeat; background-size: contain;} #cntFT {width:80%; margin-left:20%;} #rdsFT {padding: 0 2rem;} #rdsFT a {font-size: 1.1rem;} .blocLINKFT1 {display: flex; margin-bottom: 2rem;} .blocLINKFT1 a {margin: .3rem!important;} .blocLINKFT2 {width: 9rem;} #roda iframe {border: none;width: 100%; height: 100%;} 

#dirFT {border-top: .1rem solid #c6c7c8; width: 100%; grid-area: dirFT; display: grid; place-items: center; padding: .5rem; text-align: center; } 
 #dirFULL {font-size: .8rem; padding: 1rem 0;} #FULLRDP {position: absolute; width: 2.5rem; height: 2.5rem; right: 2rem; left: inherit; background-image: url(../imgs/idt/fulldynamic-digital.webp); background-repeat: no-repeat; background-size: 100%; background-position: center;} 

}