* {box-sizing: border-box; margin: 0; padding: 0; font-family: Helvetica; text-decoration: unset; transition: all .2s;}
::-webkit-scrollbar-track{background-color:#F4F4F4}::-webkit-scrollbar{width:1.2rem}::-webkit-scrollbar-thumb{background:#a7a7a7; border-radius: .2rem;} 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;} .titPADR { font-size: 1.9rem; color: #040A3C; font-weight: 600;} .subtitPADR {font-size: 1rem; color: #373435; padding: .5rem 0;}  .botPADR {position: relative; width: 12rem; padding: .7rem 1.5rem; border-radius: 3rem; background: linear-gradient(#040A3C, #05C2E3); font-size: .95rem; color: #F5F5F5; font-size: 600; text-align: center;}
.botPADR:hover {background: #fff; color: #040A3C; border: .1rem ridge #040A3C;}

.whatsapp-fixo{position:fixed;bottom:20px;right:20px;width:62px;height:62px;background:#25d366;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 rgba(37,211,102,.7);animation:pulse 1.8s infinite;z-index:9999;transition:transform .3s}.whatsapp-fixo:hover{transform:scale(1.1)}.whatsapp-fixo img{width:32px;height:32px;filter:invert(1)}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.7)}70%{box-shadow:0 0 0 18px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}


#topo {position: fixed; width: 100%; top: 0; left: 0; background: #ffffffb8; display: grid; grid-template-areas: "idtTOP navTOP rdsTOP"; padding: .3rem; z-index: 3;} #topo:hover {background: #fff;} #topo nav a {color: #373435; font-size: .95rem;} #topo nav a:hover {transform: scale(1.05);} #topo nav a::after {content: ''; position: absolute; width: 0; border-radius: 5rem; height: .3rem; background: #05C2E3; display: grid; visibility: hidden; transition: all .2s;} #topo nav a:hover::after {visibility: visible; width: 3rem;} 
#idtTOP {position: relative; width: 4.5rem; height: 4.5rem; left: 7rem; background-image: url(../imgs/idt-maim-fulldynamic-01.png); background-position: center; background-repeat: no-repeat; background-size: contain;}
#topo nav { display: grid; grid-gap: 2rem; transform: translateX(-3rem); place-content: center; grid-template-areas: "navTOP1 navTOP1 navTOP1 navTOP1 navTOP1";}   #topo nav a span {color: #05C2E3}

#slid {position: relative; width: 100%; height: 100vh; background-position: bottom; background-repeat: no-repeat; background-size: 100%; background-image: url(../imgs/capa-maim-estofador-persianas-cortinas-fulldynamic.jpg);} #slid .txtSLID {position: relative; top: 10rem; padding-left: 8rem;} #slid h1 {width: 30%;} #slid .titPADR::after {content: ''; position: absolute; width: 14rem; height: .2rem; opacity: .8; left: 8rem; margin-top: 2.3rem; border-radius: .5rem; background: #E36905;} .txtSLID p:nth-child(3) {width:30%; margin-top: .8rem;} #slid .subtitPADR span {color: #E36905;} #rdsSLID {position: absolute; width: auto; padding: 1.5rem 0; top: 60vh; border-top-right-radius: 1rem; border-bottom-right-radius: 1rem; display: grid; grid-gap: .5rem; grid-template-areas: "rdsSLID"; background: linear-gradient(#040A3C, #05C2E3); z-index: 1;} #rdsSLID a {width: 2.5rem; height: 2.5rem; text-align: center; line-height: 2.5rem; color: #fff;} #slid .botPADR {top: 1.3rem;} #rdsSLID a:hover {background: #fff; border-radius: 50%; width: 90%; height: 90%; margin-left: 5%; color: #040A3C;}

#topo2, #slid2 {display: none !important;}

#topo2 {position: relative; width: 100%; height: auto; left: 0; display: grid; grid-template-areas: "exttTOP exttTOP exttTOP" "idtTOP navTOP navTOP"; z-index: 1; } #exttTOP2 {position: fixed; width: 100%; top: 0; padding: 1.5rem; background: #05C2E3; display: flex; place-content: center; z-index: 2; place-items: center; grid-area: exttTOP;} #linkTOP {position: relative;} #linkTOP a {font-size: 1rem; background: #040A3C; padding: .6rem; margin: 0 .5rem; border-radius: .5rem; color: #fff;} #linkTOP a:nth-child(2) {background: #fff; color: #8D6C5B;} #linkTOP a:nth-child(3) {background: transparent; font-weight: 400;} #linkTOP a:hover {transform: scale(1.1); background: #fff; color: #5A3C16;} #idtTOP2 {position: relative; width: 7rem; height: 4.5rem; left: 5rem; background-image: url(../imgs/idt-maim-fulldynamic2.png); background-position: center; background-repeat: no-repeat; background-size: contain; grid-area: idtTOP;} #topo2 nav { display: grid; grid-gap: 2rem;  place-content: center; grid-template-areas: "navTOP1 navTOP1 navTOP1 navTOP1 navTOP1";} #topo2 nav a:hover {transform: scale(1.05);} #topo2 nav a {color: #fff; font-weight: 600; height: auto;} #topo2 nav a span {color: #fff}

#slid2 {position: relative; width: 100%; height: 100vh; margin-top: -12rem;} #slid2 .titPADR {position: absolute; width: 40%; color: #fff; top: 40%; left: 0; right: 0; margin: 0 auto; text-align: center; text-shadow: 0 0 .2rem #3f3f3f; font-size: 2.5rem;}

.carousel {
  position: relative; height: 100%;
  overflow: hidden; 
}

.slides {
  display: flex;
}

.slide {  
  flex: 0 0 100%;
  transition: transform 0.5s ease; /* Adiciona uma transição suave de 0.5 segundos */
}

.indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
}

.indicator {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #fff;
  margin: 0 5px;
  cursor: pointer;
}

.indicator.active {
  background-color: #05C2E3;
}

.slidIMG {position: relative; width: 100%; height: 100vh; background-repeat: no-repeat; background-size: 100% 100%; background-position: bottom; display: block; z-index: -1;}

.slidIMG1 {background-image: url(../imgs/clt/maim-estofador-rio-de-janeiro-fulldynamic-02.webp);} .slidIMG2 {background-image: url(../imgs/clt/maim-estofador-rio-de-janeiro-fulldynamic-03.webp);} .slidIMG3 {background-image: url(../imgs/clt/maim-estofador-rio-de-janeiro-fulldynamic-35.webp);}

#ivt {position: relative; width: 100%; height: auto; padding: 5rem; background-position: top; background-repeat: no-repeat; background-size: 100%; background-image: url(../imgs/capa-maim-estofador-persianas-cortinas-fulldynamic-01.jpg); display: flex; grid-gap: 5rem; z-index: 1;} #ivt .txtSLID {width: 60%; } #ivt .titPADR::after {content: ''; position: absolute; width: 14rem; height: .2rem; opacity: .8; left: 5rem; margin-top: 2.3rem; border-radius: .5rem; background: #E36905;} #ivt .txtSLID p:nth-child(2) {margin: .7rem 0 .2rem 0;} #exttIVT {position: relative; width: 100%; display: flex; padding-right: 2rem; grid-gap: 1rem;} .blocIVT {position: relative;  width: 100%; height: 15rem; background: linear-gradient(270deg, #040a3cdc, #05C2E3); border-radius: 2rem; border-top-right-radius: 0; display: grid; place-content: center; padding: 0 1rem;} .blocIVT:nth-child(1)::after {content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; border-radius: 2rem; border-top-right-radius: 0; background-image: url(../imgs/clt/maim-estofador-rio-de-janeiro-fulldynamic-02.webp); background-position: bottom; background-repeat: no-repeat; background-size: 100%; z-index: -1;} .blocIVT:nth-child(2)::after {content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; border-radius: 2rem; border-top-right-radius: 0; background-image: url(../imgs/clt/maim-estofador-rio-de-janeiro-fulldynamic-01.webp); background-position: left; background-repeat: no-repeat; background-size: 100%; z-index: -1;} .blocIVT:nth-child(3)::after {content: ''; position: absolute; width: 100%; height: 100%;top: 0; left: 0; border-radius: 2rem; border-top-right-radius: 0; background-image: url(../imgs/clt/maim-estofador-rio-de-janeiro-fulldynamic-03.webp); background-position: left; background-repeat: no-repeat; background-size: 100%; z-index: -1;} .iconIVT {color: #e0e0e0; font-size: 2rem;} .titIVT {font-size: 1.7rem; color: #e0e0e0;} #ivt .botPADR {top: 1rem;} .descIVT {font-size: 1.05rem; color: #e0e0e0;}

#contRAP {position: relative; width: 100%; height: auto; padding: 5rem 0; display: grid; place-content: center; place-items: center; grid-gap: 7rem;} .blocCONTRAP {position: relative; width: 29rem; height: auto; padding: 1.5rem; background: linear-gradient(270deg, #040a3cdc, #05C2E3); border-radius: 2rem; border-top-right-radius: 0; display: grid; place-items: center;} #contRAP .subtitPADR {position: relative; width: 5rem; height: 5rem; background-position: center; background-repeat: no-repeat; background-size: 100%; background-image: url(../imgs/idt-maim-fulldynamic.webp);} .blocCONTRAP .titPADR {text-align: center; color: #dfdfdf; font-size: 1.7rem;}.blocCONTRAP .titPADR::after {content: ''; position: absolute; width: 9rem; height: .2rem; margin-top: 2.5rem; left: 0; right: 0; margin-left: auto; margin-right: auto; background: #E36905;} .blocCONTRAP .botPADR {background: #dfdfdf; color: #040A3C; margin-top: 2rem; margin-bottom: 2rem;} .blocCONTRAP .subtitPADR {color: #dfdfdf;} .rdsCONTRAP {position: relative; display: flex; grid-gap: 9rem;} #contRAP .rdsCONTRAP a {padding: .5rem 2rem; font-size: 1rem; background: linear-gradient(270deg, #040a3cdc, #05C2E3); color: #fff; border-radius: 1rem;}

#port {position: relative; width: 100%; padding: 5rem; display: flex; grid-gap: 5rem;} #txtPORT {position: relative; width: 100%; display: grid; place-content: center; padding: 0 2rem;} #fotPORT {position: relative; width: 100%; display: grid; grid-template-areas: "fotPORT fotPORT"; grid-gap: 1rem;} .fotPORT {position: relative; width: 22.5rem; height: 20rem; background-repeat: no-repeat; background-image: url(../imgs/clt/maim-estofador-rio-de-janeiro-fulldynamic-01.webp);} .fotPORT:nth-child(1) {background-size: 85%; background-position: 100%; background-image: url(../imgs/clt/maim-estofador-rio-de-janeiro-fulldynamic-01.webp);} .fotPORT:nth-child(2) {background-size: 80% 90%; background-position: 0 100%; background-image: url(../imgs/clt/maim-estofador-rio-de-janeiro-fulldynamic-35.webp);} .fotPORT:nth-child(3) { background-size: 60% 90%; background-position: 100% 0; background-image: url(../imgs/clt/maim-estofador-rio-de-janeiro-fulldynamic-02.webp);} .fotPORT:nth-child(4) {background-size: 100%; background-image: url(../imgs/clt/maim-estofador-rio-de-janeiro-fulldynamic-03.webp);}

#port2 {position: relative; width: 100%; height: 35rem; background-position: center; background-repeat: no-repeat; background-size: 100%; background-image: url(../imgs/capa-maim-estofador-persianas-cortinas-fulldynamic-02.jpg);} 

#feed {position: relative; width: 100%; padding: 5rem 0 0 5rem;}
  .titFEED {font-size: 1.5rem; margin: .5rem 0 0 0; color: #040A3C; font-family: 'Athena';} #googFEED {position: relative; display: flex; place-items: center; grid-gap: .5rem;} #googFEED svg {position: relative; width: auto; height: 2rem;}
  #starFEED span {font-size: 1.2rem;}
  .va-carrousel-section {position: relative; width: 100%; top: 0;overflow-x: hidden; padding: 5rem 5rem 10rem 5rem}
  
  .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%;
  }
  #va_container{
    position: relative;
    margin: 1rem 0 0 0; 
  }
  
  .va-carrousel-flexbox {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto; 
    scrollbar-width: none; 
  }
  
  .va-carrousel-flexbox .va-card {position: relative; width: 17rem; height: auto; display: grid; outline: none;  
    flex: 0 0 auto; margin: 0 2rem 0 0; background-color: #fffaf2; border: .1em solid #e0e0e0; padding: .5rem; border-radius: .5rem; background-position: center; background-repeat: no-repeat; background-size: 100%;}
  
  .va-carrousel-flexbox .va-card:last-child::after {
    content: ' ';
    display: inline-block;
  }
  
  .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: 2rem;
    width: 2rem; 
    margin: 0;
    position: absolute; top: -3.5rem; right: 0;
    background: none;
    border: none; border-radius: 50%;
    display: flex; place-items: center;
  cursor:pointer; background: linear-gradient(45deg, #040A3C, #05C2E3); border: .1rem solid #e0e0e0;
  }
  
  .deals-paddle:focus {
    outline: none;
  }

  .deals-paddle:hover {background: #fff;} .deals-paddle:hover svg {color: #040A3C;}
  
  .deals-paddle:active {
    border-style: solid;
    outline: none;
    user-select: none;
  }
  
  .deals-paddle svg {
    width: .7rem; color:#fff; left: 0; right: 0; margin: 0 auto; font-weight: bold;
  }
  
  .deals-scroll-left {
    right: 2.5rem;
  }
  
  .deals-scroll-right {
  }
  
  .va-whitewrap {z-index: 2; position: relative;  } .va-carrousel-section .icon-star {color: #FFC400; font-size: .9rem;} .nomFEED {width:100%; font-size: 1rem; padding: .3rem; color: #040A3C; display: flex; justify-content: space-around; place-items: center; grid-gap: .5rem;} .imgsFEED {position: relative; width: 4rem; height: 4rem; border-radius: 50%; background-position: center; background-repeat: no-repeat; background-size: 100%;} 
  .imgsFEED01 {background-image: url(../imgs/feed/feed-maim-fulldynamic-01.png);}
  .imgsFEED02 {background-image: url(../imgs/feed/feed-maim-fulldynamic-02.png);}
  .imgsFEED03 {background-image: url(../imgs/feed/feed-maim-fulldynamic-03.png);}
  .imgsFEED04 {background-image: url(../imgs/feed/feed-maim-fulldynamic-04.png);}
  .imgsFEED05 {background-image: url(../imgs/feed/feed-maim-fulldynamic-05.png);}

  .descFEED {position: relative; width: 100%; height: 12rem; overflow-y: auto; padding: .3rem; font-size: 1rem; color: #3f3f3f; margin-top: .5rem;} .descFEED::-webkit-scrollbar{width:.7rem} .va-card svg {position: relative; width: auto; height: 1rem; float: right; right: .5rem;}

  #contRAP2 {position: relative; width: 100%; padding: 0 5rem 0 5rem; margin-bottom: 5rem; display: grid; place-content: center;}  #contRAP2:before {content: ''; position: absolute; width: 100%; height: 40%; background: linear-gradient(270deg, #040a3cdc, #05C2E3); bottom: 0;} .blocCONTRAP2 {position: relative; display: grid; place-items: center; grid-gap: .5rem;} #contRAP2 p:nth-child(1)::after {content: ''; position: absolute; width: 9rem; height: .2rem; margin-top: -1rem; left: 0; right: 0; margin-left: auto; margin-right: auto; background: #E36905;} .blocCONTRAP2 p:nth-child(1) {padding: 0 !important;} .blocCONTRAP2 .titPADR {margin-bottom: 2rem; font-size: 2.5rem;} #contRAP2 .botPADR {margin: 0 auto; background: #fff; color: #040A3C;} #contRAP2 .rdsCONTRAP {margin-top: 4rem; margin-bottom: 2rem;} #contRAP2 .rdsCONTRAP a {color: #e0e0e0; padding: .2rem;} #contRAP2 .rdsCONTRAP a:hover {color: #fff;}

  #roda {position: relative; width: 100%; margin: 0 auto; display: grid; grid-template-areas: "idtFT cntFT linkFT locFT" "dirFT dirFT dirFT dirFT"; background-repeat: no-repeat; background-size: cover; z-index: 1;} #roda::before {content: ''; position: absolute; width: 100%; height: 100%; left: 0; background: #e0e0e0; z-index: -1;} .blocLINKFT {margin-top: 1rem; width: 13rem; display: grid;} .blocFTPADR {padding: 2rem;} .titFT {color: #040A3C; font-weight: 600; font-size: 1.2rem;} #roda a,p {font-size: .9rem; padding: .5rem; margin: .3rem 0; color: #373435;} #roda a:hover {color: #040A3C; font-weight: 700; transform: scale(1.1);} #idtFT {position: relative; width: 9rem; height: 9rem; margin: 0 auto; top: 3.5rem; background-image: url(../imgs/idt-maim-fulldynamic.webp); background-position: center; background-repeat: no-repeat; background-size: contain;} #cntFT {width:80%; margin-left:20%;} #rdsFT {padding: 0 2rem; } .blocLINKFT1 {display: flex; margin-bottom: 2rem;} .blocLINKFT1 a {margin: .3rem!important;} .blocLINKFT2 {width: 10rem;} #locMUN {position:relative; width: 17rem; height: 100%; top: -.3rem; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url(../imgs/clt/maim-estofador-rio-de-janeiro-fulldynamic-02.webp);} #locMUND:hover {opacity: .7;}

#dirFT {border-top: .1rem solid #040A3C; width: 100%; grid-area: dirFT; display: grid; place-items: center; padding: .5rem; text-align: center; } 
 #dirFULL {font-size: .7rem; padding: 1rem 0;} #FULLRDP {position: absolute; width: 2.5rem; height: 2.5rem; right: 2.5rem; background-image: url(../imgs/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: .86rem;}}

 @media screen and (min-width:1900px) {*{font-size: 1.2rem;}}
 
 @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, #slid {display: none;}

#exttBOT {display: grid;} .rdsCOMP {background: #fff; border: .1rem solid #e0e0e0; margin-top: 1rem; left: 0; width: 100%; height: auto !important; padding: .5rem; display: grid; grid-template-areas: "rdsCOMP rdsCOMP rdsCOMP"; grid-gap: .5rem;} .rdsCOMP a {position: relative; padding: .5rem; width: 100% !important; height: 100% !important; line-height: 100% !important; font-size: 1.3rem;} .icon-share:hover .rdsCOMP {position: relative; width: 100%;}

#idtTOP2 {background-image: url(../imgs/idt-maim-fulldynamic-02.png);}

#topo2 {position: relative; width: 100%; height: auto; padding: 1.6rem 0; grid-template-areas: "exttTOP" "rdsTOP" "idtTOP" "navTOP"; z-index: 3; align-items: center; margin: 0 auto; background: #040A3C; display: grid !important;} #idtTOP2 {left: 1rem; top: 0;} 
#topo2 label {border-radius: 50%; position: absolute; display: grid; place-items: center; width: 3.6rem; height: 3.6rem; right: 1rem;} #topo2 label::after {content: ''; position: absolute; transition: all .3s; width: 60%; height: .4rem; border-radius: 1rem; margin-top: -1rem; background: #fff;} #topo2 label::before {content: ''; transition: all .3s; position: absolute; width: 60%; height: .4rem; border-radius: 1rem; margin-top: .6rem; background: #fff;} 

#topo2 input:checked ~ label::after {transform: rotate(45deg); margin:0;} #topo2 input:checked ~ label::before {margin:0; transform: rotate(-45deg);} #topo2 input:checked ~ nav {visibility: visible; transform: translateY(0);} #topo2 nav {position: absolute; visibility: hidden; transform: translateY(-150%); display: grid; width: 100%; top: 7.6rem; background: linear-gradient(270deg, #040A3C, #05C2E3); border-bottom: .1em solid #c6c7c8; padding: 1.5rem 0; grid-gap: 0; grid-template-areas: "navTOP1" "navTOP1" "navTOP1" "navTOP1";} #topo2 nav a {width: 100vw; text-align: center; font-size: 1rem; color: #fff; background: linear-gradient(-270deg, #040A3C, #05C2E3); padding: 1rem 2rem; margin: .3rem 0;} #topo2 nav a span {color: #fff} #topo2 nav a:hover {transform: scale(1.05);} #topo2 nav a span {color: #fff}

#slid2 {margin-top: 0rem; height: auto !important; display: block !important;} #slid2 .titPADR {width: 90%; top: 5rem; font-size: 2.2rem; font-weight: 600;} .slidIMG {position: relative; width: 100%; height: 32rem; background-repeat: no-repeat; background-size: cover; background-position: bottom; display: block; z-index: -1;} .slidIMG::after {content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #040a3c81;}

#ivt {position: relative; width: 100%; height: auto; padding: 3rem 2rem 9rem 2rem; background:linear-gradient(-45deg, #05C2E3, #040A3C); display: grid; grid-gap: 5rem; z-index: 1;} #ivt .txtSLID {width:100%;} #ivt .titPADR {width: 100%; color: #e0e0e0;} #ivt .titPADR::after {left: 2rem;} #exttIVT {position: relative; width: 100%; display: grid; padding: 0; grid-gap: 1rem; margin-top: -3.5rem;} #ivt .botPADR {position: absolute; height: 2.5rem; top: 92%; background: #fff; color: #040A3C;} #ivt .subtitPADR {color: #e0e0e0;} .blocIVT {background: #fff;} .iconIVT {background: linear-gradient(0deg, #040a3cdc, #05C2E3); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;} .titIVT {background: linear-gradient(0deg, #040a3cdc, #05C2E3); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;} .descIVT {color: #040A3C;} 

#contRAP {padding: 2rem 0 0 0; grid-gap: 0; margin: 0 auto; width: 100%;} #contRAP::after {content: ''; position: absolute; width: 5rem; height: 5rem; top: -2rem; right: 1rem; z-index: 2;} .blocCONTRAP {width: 100%; background: #fff;} .blocCONTRAP .titPADR {text-align: center; background: linear-gradient(270deg, #040a3cdc, #05C2E3);  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;} .blocCONTRAP .botPADR {background: linear-gradient(#040A3C, #05C2E3); color: #fff;} .rdsCONTRAP {display: none;}

#port {position: relative; width: 100%; padding: 0; display: grid; grid-template-areas: "imgPORT"; grid-gap: 1rem;} #txtPORT {position: relative; width: 100%; display: grid; place-content: center; padding: 1rem 2rem;} #txtPORT .titPADR {padding: 0; margin: 0; width: 100%;} #fotPORT {position: relative; width: 100%; display: grid; grid-template-areas: "fotPORT fotPORT"; grid-gap: 1rem; grid-area: imgPORT;} .fotPORT {position: relative; width: 100%; height: 20rem; background-repeat: no-repeat; } .fotPORT:nth-child(1) {background-size: 100%;} .fotPORT:nth-child(2) {background-size: 150%; background-position: 0 100%;} .fotPORT:nth-child(3) { background-size: 100%; background-position: 0 0;} .fotPORT:nth-child(4) {background-size: cover;}

#port2 {padding: 0; margin: 2rem auto; background-size: cover;}

#feed {position: relative; width: 100%; padding: 2rem 2rem 0 2rem;} 
  .titFEED {font-size: 1.5rem; margin: .5rem 0 0 0; color: #040A3C; font-family: 'Athena';} #googFEED {position: relative; display: flex; place-items: center; grid-gap: .5rem;} #googFEED svg {position: relative; width: auto; height: 2rem;}
  #starFEED span {font-size: 1.2rem;}
  .va-carrousel-section {position: relative; width: 100%; margin: 0 auto; top: 0; overflow-x: hidden; padding: 2rem 2rem 0 2rem;}
  
  .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%;
  }
  #va_container{
    position: relative;
    margin: 1rem 0 0 0; 
  }
  
  .va-carrousel-flexbox {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto; 
    scrollbar-width: none; 
  }
  
  .va-carrousel-flexbox .va-card {position: relative; width: 17rem; height: auto; display: grid; outline: none;  
    flex: 0 0 auto; margin: 0 2rem 0 0; background-color: #fffaf2; border: .1em solid #e0e0e0; padding: .5rem; border-radius: .5rem; background-position: center; background-repeat: no-repeat; background-size: 100%;}
  
  .va-carrousel-flexbox .va-card:last-child::after {
    content: ' ';
    display: inline-block;
  }
  
  .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: 2rem;
    width: 2rem; 
    margin: 0;
    position: absolute; top: -3.5rem; right: 0;
    background: none;
    border: none; border-radius: 50%;
    display: flex; place-items: center;
  cursor:pointer; background: linear-gradient(45deg, #040A3C, #05C2E3); border: .1rem solid #e0e0e0;
  }
  
  .deals-paddle:focus {
    outline: none;
  }

  .deals-paddle:hover {background:#fff;} .deals-paddle:hover svg {color: #040A3C;}
  
  .deals-paddle:active {
    border-style: solid;
    outline: none;
    user-select: none;
  }
  
  .deals-paddle svg {
    width: .7rem; color:#fff; left: 0; right: 0; margin: 0 auto; font-weight: bold;
  }
  
  .deals-scroll-left {
    right: 2.5rem;
  }

  .descFEED {position: relative; width: 100%; height: 12rem; overflow-y: auto; padding: .3rem; font-size: 1rem; color: #3f3f3f; margin-top: .5rem;} .descFEED::-webkit-scrollbar{width:.7rem} .va-card svg {position: relative; width: auto; height: 1rem; float: right; right: .5rem;}

  #contRAP2 {padding: 10rem 5rem 0 5rem; margin: 0 0 .5rem 0;} #contRAP2:before {content: ''; position: absolute; width: 100%; height: 35%;} #contRAP2 .subtitPADR {margin-top: -10rem;} #contRAP2 .titPADR {transform: translateY(-4rem); text-align: center;} #contRAP2 .botPADR {top: -3.5rem;}

#roda {grid-template-areas: "idtFT" "cntFT" "linkFT" "locFT" "dirFT"; padding: 0; margin: 0;} .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 { width: 100%; height: 15rem; background-repeat: no-repeat; background-position: left;} 

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

} 

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

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