* {box-sizing: border-box; margin: 0; padding: 0; text-decoration: none; transition: all .3s;} a {color: #020624;}  .fullFULL {position: absolute; width: 0; height: 0; overflow: hidden; visibility: hidden; opacity: 0;}
::-webkit-scrollbar-track{background-color:#F4F4F4}::-webkit-scrollbar{width:1.3rem}::-webkit-scrollbar-thumb{background:#7c7c7c}
body,html {font-family: 'Roboto'; } .titPADR {text-align: center; font-size: 2.2rem; padding: 1rem 0; color: #020624;} .subPADR {font-size: 1.4rem; width: 45%; text-align: center; margin: 0 auto; color: #e2fbff;} 

#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:1rem; padding: .5rem; background:#fff; box-shadow:  0 0 .2rem #7c7c7c; display: flex; place-items: center;} #contFIXZAP p:nth-child(1) {background: #34af23; 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: #34af23;} #contFIXZAP:hover {opacity: .7;}

.anime {transform: scale(0); opacity: 0;} .anime-start {transform: scale(1); opacity: 1;}

  #full {
      position: relative;
      width: 100%;
      height: auto;
      left: 0;
      right: 0;
      margin: 0 auto; 
  }
  
  #contTOPO {position: fixed; top: 0; width: 100%; height: auto; display: flex; place-content: center; z-index: 100;}
  #contTOPO a {position: relative; width: 50vw; padding: 1rem; font-size: 1.5rem; color: #020624; display: flex; place-content: center;}
  #contTOPO a:nth-child(1) {background: #070A75; color: #e2fbff;}   #contTOPO a:nth-child(2) {background: #34af23;} #contTOPO a:hover p {font-size: 2rem;}

  #topo {
    position: relative;
    width: 100%;
    height: auto;
    margin: 1rem auto 0 auto; display: grid;
  }

  #bnfTOP {
    position: relative;
    width: 100%;
    height: 3rem;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: #fff;
    display: grid; grid-template-areas: "bnfTOP1 bnfTOP2 bnfTOP3 bnfTOP4"; place-content: center;
  }
  
  #bnfTOP p {
    font-size: .8rem;
    padding: .5rem;
    margin: 0 3.5rem;
    text-transform: uppercase;
    color: #020624; 
  }
  
  #exttTOP {
    position: relative;
    width: 100%;
    height: 7rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: #fff; display: grid; grid-template-areas: "idtFT rdsFT"; align-items: center; 
  }
  
  #logo {
    position: absolute; left: 5rem; width: 11rem; height: 4rem; background-size: 70%;
    background-image: url(../imgs/logo-maim-estofador.webp);
    background-position: center;
    background-repeat: no-repeat;   
  }

  #rdsTOP {position: absolute; display: grid;  place-items: center; grid-template-areas: "rdsTOP" "zapTOP"; right: 5rem;}
  #exttRDSTOP {display: flex;} #exttRDSTOP a:hover {background: #020624; color: #05C2E3;}
  .iconsRDSTOP {background: #fff; border: .1rem solid #b9b9b9; width: 1.7rem; font-size: .8rem; height: 1.7rem; line-height: 1.7rem; text-align: center; border-radius: 50%; margin: 0 .4rem;} .orcTOP {background: #05C2E3; width: auto; height: 2rem; line-height: 1.5rem; font-size: .9rem; border-radius: .5rem; padding: .3rem .3rem; margin-top: .5rem; text-align: center;} .orcTOP:hover {background: #020624; color: #05C2E3;}

  .nav {
    position: absolute;
    left: 50%;
    top: 7.3rem;
    width: auto;
    height: auto;
    z-index: 7;
    border-radius: 50%;
    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0);
  }
  
  .mcd-menu {
    position: relative;
  list-style: none;
  padding: 0;
  margin: 0;
  }
  .mcd-menu li {
  float: left;
  position: relative;
  letter-spacing: .1rem;
  } .mcd-menu strong {font-size: .9rem;}
  .mcd-menu li a {
  display: block;
  text-decoration: none; 
  padding: .3rem 1rem; margin: 0 .5rem;
  text-align: center; font-size: .9rem;
  color: #040A3C;
  border-right: .1rem solid #E7E7E7;
  border-left: .1rem solid #E7E7E7;
  }
  .mcd-menu li a i {
  display: block;
  font-size: .9rem;
  margin-bottom: .2rem;
  }
  .mcd-menu li a strong {
  display: block;
  text-transform: uppercase;
  }
  .mcd-menu li a small {
  display: block;
  font-size: .9rem;
  }
  
  .mcd-menu li:hover a strong {
    opacity: 1;
    -webkit-animation: moveFromLeft 300ms ease-in-out;
    -moz-animation: moveFromLeft 300ms ease-in-out;
    -ms-animation: moveFromLeft 300ms ease-in-out;
    -o-animation: moveFromLeft 300ms ease-in-out;
    animation: moveFromLeft 300ms ease-in-out;
  }
  .mcd-menu li:hover a small {
    opacity: 1;
    -webkit-animation: moveFromRight 300ms ease-in-out;
    -moz-animation: moveFromRight 300ms ease-in-out;
    -ms-animation: moveFromRight 300ms ease-in-out;
    -o-animation: moveFromRight 300ms ease-in-out;
    animation: moveFromRight 300ms ease-in-out;
  }
  
  .mcd-menu li:hover > a {
  color: #05c2e3;
  }

  @-webkit-keyframes moveFromTop {
    from {
        opacity: 0;
        -webkit-transform: translateY(200%);
        -moz-transform: translateY(200%);
        -ms-transform: translateY(200%);
        -o-transform: translateY(200%);
        transform: translateY(200%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -o-transform: translateY(0%);
        transform: translateY(0%);
    }
  }
  @-webkit-keyframes moveFromLeft {
    from {
        opacity: 0;
        -webkit-transform: translateX(200%);
        -moz-transform: translateX(200%);
        -ms-transform: translateX(200%);
        -o-transform: translateX(200%);
        transform: translateX(200%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
  }
  @-webkit-keyframes moveFromRight {
    from {
        opacity: 0;
        -webkit-transform: translateX(-200%);
        -moz-transform: translateX(-200%);
        -ms-transform: translateX(-200%);
        -o-transform: translateX(-200%);
        transform: translateX(-200%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
  }
  
  .nav__cb {
    z-index: -1000;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    pointer-events: none;
  }
  .nav__content {
    position: relative;
    width: 4rem; 
    height: 4rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    overflow: hidden;
    visibility: hidden;
    z-index: 10;  transition: all 1s ease; opacity: 0;
  }
  .nav__cb:checked ~ .nav__content {
    -webkit-transition: width 1s cubic-bezier(0.48, 0.43, 0.29, 1.3);
    transition: width 1s cubic-bezier(0.48, 0.43, 0.29, 1.3);
    width: 100%; opacity: 1;
    visibility: visible; padding: .5rem 2rem;
    border-radius: 2rem;
    box-shadow: 0 0 .2rem #c6c7c8; place-items: center;
    background: #fff;
  }
  
  .nav__cb:checked ~ .nav__btn {
   right: -1rem; transform: scale(.5);  margin: 0; left: initial;
  }

  .nav__cb:checked ~ .nav__content .container {opacity: 1;}
  
  .nav__btn {
    position: absolute;
    top: 0;
    width: 4rem; 
    height: 4rem; 
    cursor: pointer; 
    right: 0;
    left: 0; margin: 0 auto;
    z-index: 10;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 0 .2rem #a7a7a7;
  }
  
  .nav__btn:before, .nav__btn:after {
    content: "";
    display: block;
    transform: translateY(1.7rem);
    width: 2rem;
    height: .25rem; margin: 0 auto;
    border-radius: .2rem;
    background: #040A3C;
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transition: background-color 0.3s, -webkit-transform 1s cubic-bezier(0.48, 0.43, 0.29, 1.3);
    transition: background-color 0.3s, -webkit-transform 1s cubic-bezier(0.48, 0.43, 0.29, 1.3);
    transition: transform 1s cubic-bezier(0.48, 0.43, 0.29, 1.3), background-color 0.3s;
    transition: transform 1s cubic-bezier(0.48, 0.43, 0.29, 1.3), background-color 0.3s, -webkit-transform 1s cubic-bezier(0.48, 0.43, 0.29, 1.3);
  }
  .nav__btn:before {
    margin-bottom: .3rem;
  }
  .nav__btn:hover:before, .nav__btn:hover:after {
    background: #05C2E3;
    
  }
  .nav__cb:checked ~ .nav__btn:before {
    -webkit-transform: translateY(3rem) rotate(-225deg); 
            transform: translateY(3rem) rotate(-225deg); margin-left: 1.3rem; margin-top: -.5rem;
  }
  .nav__cb:checked ~ .nav__btn:after {
    -webkit-transform: translateY(2.4rem) rotate(225deg); margin-left: 1.3rem;
            transform: translateY(2.4rem) rotate(225deg);
  }
  
  .clearfix:before,
  .clearfix:after {
    content: " ";
    display: table;
  }
  
  .clearfix:after {
    clear: both;
  }
  .clearfix {
    zoom: 1;
  }
  
  .container {
    position: relative; opacity: 0; transition: all .3s; 
  }
  
  #slid {
    position: relative;
    width: 100%;
    height: 25rem;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto; background-position: center; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; background-image: url(../imgs/capa-maim-estofados-23-fulldynamic.webp);
    grid-area: slid; background-color: #040A3C;
    overflow: hidden;
    display: grid; place-items: center;
  }
  
  .item-1, 
  .item-2,
  .item-3 {
  position: absolute;    
    display: block;
    color: #fff;
  width: 40%; text-align: center;
  left: 0;
  right: 0;
  margin: -5rem auto 0 auto;  
  font-size: 2rem;
  -webkit-animation-duration: 20s;
          animation-duration: 20s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
            text-shadow: 
    0 1px 0 #ccc, 
    0 2px 0 #c9c9c9, 
    0 2px 0 #bbb, 
    0 2px 0 #b9b9b9, 
    0 2px 0 #aaa, 
    0 2px 2px rgba(0,0,0,.1), 
    0 0 2px rgba(0,0,0,.1), 
    0 2px 2px rgba(0,0,0,.3), 
    0 3px 3px rgba(0,0,0,.2), 
    0 3px 3px rgba(0,0,0,.25), 
    0 3px 3px rgba(0,0,0,.2), 
    0 3px 3px rgba(0,0,0,.15);
  }
  
  .item-1{
  -webkit-animation-name: anim-1;
          animation-name: anim-1;
  }
  
  .item-2{
  -webkit-animation-name: anim-2;
          animation-name: anim-2;
  }
  
  .item-3{
  -webkit-animation-name: anim-3;
          animation-name: anim-3;
  }
  
  @-webkit-keyframes anim-1 {
  0%, 8.3% { left: -100%; opacity: 1; }
  8.3%,25% { left: 0; opacity: 1; }
  33.33%, 100% { left: 100%; opacity: 1; }
  }
  
  @keyframes anim-1 {
  0%, 8.3% { left: -100%; opacity: 0; }
  8.3%,25% { left: 0; opacity: 1; }
  33.33%, 100% { left: 100%; opacity: 0; }
  }
  
  @-webkit-keyframes anim-2 {
  0%, 33.33% { left: -100%; opacity: 0; }
  41.63%, 58.29% { left: 0; opacity: 1; }
  66.66%, 100% { left: 100%; opacity: 0; }
  }
  
  @keyframes anim-2 {
  0%, 33.33% { left: -100%; opacity: 0; }
  41.63%, 58.29% { left: 0; opacity: 1; }
  66.66%, 100% { left: 100%; opacity: 0; }
  }
  
  @-webkit-keyframes anim-3 {
  0%, 66.66% { left: -100%; opacity: 0; }
  74.96%, 91.62% { left: 0; opacity: 1; }
  100% { left: 100%; opacity: 0; }
  }
  
  @keyframes anim-3 {
  0%, 66.66% { left: -100%; opacity: 0; }
  74.96%, 91.62% { left: 0; opacity: 1; }
  100% { left: 110%; opacity: 0; }
  }

  #exttSLID {position: relative; width: 40%; margin: -2rem auto 0 auto;} .titSLID {text-align: center; font-size: 2.7rem; color: #fff; font-weight: bold;} .descSLID {font-size: 1.5rem; text-align: center; color: #e2fbff; margin: 1rem auto;}

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

.custom-shape-divider-bottom-1675577235 svg {
    position: relative;
    display: block;
    width: calc(100% + 1rem);
    height: 3rem;
}

.custom-shape-divider-bottom-1675577235 .shape-fill {
    fill: #FFFFFF;
}
  
  #btSERV {
    position: absolute;
    width: 2.3rem;
    height: 2.3rem;
    left: 0;
    right: 0;
    margin: -1.5rem auto 0 auto;
    background: #05C2E3;
    color: #fff;
    font-size: 1.3rem;
    border-radius: 50%;
    text-align: center;
    line-height: 2.3rem;
    z-index: 7;
  } #btSERV:hover {background: #fff; box-shadow: 0 0 .2rem #a7a7a7;}

  #sol {position: relative; width: 100%; margin: 0 auto; padding: 4rem 0 7rem 0; display: grid; grid-template-areas: "titSOL titSOL titSOL titSOL" "blocSOL blocSOL blocSOL blocSOL"; place-items: center; place-content: center; grid-gap: 2rem;} #sol .titPADR {grid-area: titSOL; width: 50%; text-align: center;} .blocSOL {background: #fff; box-shadow: 0 0 .3rem #aaa; width: 15rem; border-radius: 1rem; padding: 1rem; display: grid; place-items: center;} .blocSOL:hover {background: #e2fbff;} .blocSOL::after {content: ''; position: absolute; width: 15rem; height: 4rem; background-position: center; background-repeat: no-repeat; background-size: cover; margin-top: -3.5rem;} .blocSOL:nth-child(3):after {background-image: url(../imgs/sol/fulldynamic-maim-estofados-01.webp)} .blocSOL:nth-child(4):after {background-image: url(../imgs/sol/fulldynamic-maim-estofados-02.webp)} .blocSOL:nth-child(5):after {background-image: url(../imgs/sol/fulldynamic-maim-estofados-03.webp)} .blocSOL:nth-child(6):after {background-image: url(../imgs/sol/fulldynamic-maim-estofados-04.webp)} .blocSOL:nth-child(7):after {background-image: url(../imgs/sol/fulldynamic-maim-estofados-05.webp)} .blocSOL:nth-child(8):after {background-image: url(../imgs/sol/fulldynamic-maim-estofados-06.webp)} .blocSOL:nth-child(9):after {background-image: url(../imgs/sol/fulldynamic-maim-estofados-07.webp)} .blocSOL:nth-child(10):after {background-image: url(../imgs/sol/fulldynamic-maim-estofados-08.webp);} .blocSOL:nth-child(11):after {background-image: url(../imgs/sol/fulldynamic-maim-estofados-08.webp);} .titSOL {width: 70%; font-size: 1.5rem; font-weight: 600; margin-top: .5rem; color: #022054; text-align: center;} .descSOL {font-size: 1.2rem; text-align: center; padding: .5rem; margin-top: 6rem; color: #020624;} .blocSOL:nth-child(4) {transition: all .6s} .blocSOL:nth-child(5) {transition: all .9s} .blocSOL:nth-child(6) {transition: all 1.2s} .blocSOL:nth-child(8) {transition: all .6s} .blocSOL:nth-child(9) {transition: all .9s} .blocSOL:nth-child(10) {transition: all 1.2s}
  
  .custom-shape-divider-bottom-1675577768 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}

.custom-shape-divider-bottom-1675577768 svg {
    position: relative;
    display: block;
    width: calc(100% + 1rem);
    height: 2rem;
}

.custom-shape-divider-bottom-1675577768 .shape-fill {
    fill: #E7E7E7;
}

#bnf {position: relative; width: 100%; margin: 0 auto; padding: 5rem 10rem; background: #E7E7E7; display: grid;} .blocBNF {margin: 3rem auto 0 auto; padding: 2rem;} .titBNF {font-size: 1.6rem; padding: 1rem; width: 50%; font-weight: 600; color: #040A3C;} .descBNF {padding: 1rem; font-size: 1.3rem; width: 50%;} .imgsBNF1 { background-image: url(../imgs/bnf/beneficio-estofador-maim-fulldynamic-01.webp);} .imgsBNF {background-position: center;background-repeat: no-repeat; background-size: contain; position: relative; right: 0; width: 50%; padding: .5rem; border-radius: 3rem; height: 100%; top: -100%; left: 50%; display: block;} .imgsBNF2 {transform: translateX(-100%); background-image: url(../imgs/bnf/beneficio-estofador-maim-fulldynamic-02.webp);} .titBNF2,.descBNF2 {transform: translateX(100%);} .imgsBNF3 {background-image: url(../imgs/bnf/beneficio-estofador-maim-fulldynamic-03.webp);} .blocBNF .anime {transform: translateX(-100rem);} .blocBNF .anime-start {transform: translateX(0);}

  #bair {position: relative; width: 100%; background-position: center; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; background-image: url(../imgs/capa-maim-estofados-23-fulldynamic.webp); height: 100%; padding: 2rem 0 3rem 0; top: 0; margin: 0 auto; display: grid; grid-template-areas: "titbair titbair titbair titbair titbair titbair titbair" "bair bair bair bair bair bair bair"; place-items: center; place-content: center; background-color: #05C2E3;} #bair .titPADR {grid-area: titbair; color: #fff; font-weight: bold; width: 50%; margin-bottom: 1rem;} #bair a {width:9rem; height:auto; padding: .7rem; text-align: center; font-size: 1.1rem; background: #fff; color: #020624; border-radius: 1rem; margin: .5rem;} #bair a:hover {background: #05C2E3; transform: scale(1.1);}

  #port {position: relative; width: 80%; margin: 0 auto; padding: 4rem 0 11rem 0; display: grid; grid-template-areas: "titPORT titPORT titPORT titPORT"; grid-gap: 1rem; place-content: center;} #port .titPADR {grid-area: titPORT; margin-bottom: 1rem;} .blocPORT {width: 15rem; border: .3rem solid #05C2E3; height: 15rem; background-position: center; background-repeat: no-repeat; background-size: 100%; cursor: pointer;} .exttBOT {position: absolute; width: 45%; bottom: 5rem; left: 2rem; padding: 0; display: flex;}  .exttBOT a {position: relative; width: 100%; margin-right: 1rem; padding: 1rem 0; font-size: 1rem; border: .1rem solid #a7a7a7; border-radius: 1rem; color: #040A3C; text-align: center; background: #fff;} .exttBOT a:nth-child(2) {background: #05c2e3;} .exttBOT a:hover {background: #040A3C; color: #05C2E3; border-radius: 2rem;}
.PORT1 {background-image: url(../imgs/clt/maim-estofador-fulldynamic-01.webp);} .PORT2 {background-image: url(../imgs/clt/maim-estofador-fulldynamic-06.webp);} .PORT3 {background-image: url(../imgs/clt/maim-estofador-fulldynamic-11.webp);} .PORT4 {background-image: url(../imgs/clt/maim-estofador-fulldynamic-08.webp);} .PORT5 {background-image: url(../imgs/clt/maim-estofador-fulldynamic-10.webp);} .PORT6 {background-image: url(../imgs/clt/maim-estofador-fulldynamic-09.webp);} .PORT7 {background-image: url(../imgs/clt/maim-estofador-fulldynamic-03.webp);}  .PORT8 {background-image: url(../imgs/clt/maim-estofador-fulldynamic-12.webp);} .PORT9 {background-image: url(../imgs/clt/maim-estofador-fulldynamic-13.webp);} .PORT10 {background-image: url(../imgs/clt/maim-estofador-fulldynamic-15.webp);} .PORT11 {background-image: url(../imgs/clt/maim-estofador-fulldynamic-19.webp);} 

.blocPORT:hover {background-size: 130%; z-index: 100; transition: all .3s;} .blocPORT:nth-child(3) {transition: all .6s;}  .blocPORT:nth-child(4) {transition: all .9s;} .blocPORT:nth-child(5) {transition: all 1.2s;} .blocPORT:nth-child(7) {transition: all .6s;} .blocPORT:nth-child(8) {transition: all .9s;} .blocPORT:nth-child(9) {transition: all 1.2s;} .blocPORT:nth-child(11) {transition: all .6s;} .blocPORT:nth-child(12) {transition: all .9s;} .blocPORT:nth-child(13) {transition: all 1.2s;} 

.detPORT {position: absolute; width: 100%; height: auto; bottom: 0; padding: 1rem; display: grid; place-content: center; place-items: center; margin: 0 auto; background: #040a3ce8; font-size: 1.2rem; color: #fff; text-align: center;}

.PORTN1 {background-image: url(../imgs/clt/imgs-24/maim-estofador-24-01.webp);}
.PORTN2 {background-image: url(../imgs/clt/imgs-24/maim-estofador-24-02.webp);}
.PORTN3 {background-image: url(../imgs/clt/imgs-24/maim-estofador-24-03.webp);}
.PORTN4 {background-image: url(../imgs/clt/imgs-24/maim-estofador-24-04.webp);}
.PORTN5 {background-image: url(../imgs/clt/imgs-24/maim-estofador-24-05.webp);}
.PORTN6 {background-image: url(../imgs/clt/imgs-24/maim-estofador-24-06.webp);}
.PORTN7 {background-image: url(../imgs/clt/imgs-24/maim-estofador-24-07.webp);}
.PORTN8 {background-image: url(../imgs/clt/imgs-24/maim-estofador-24-08.webp);}
.PORTN9 {background-image: url(../imgs/clt/imgs-24/maim-estofador-24-09.webp);}
.PORTN10 {background-image: url(../imgs/clt/imgs-24/maim-estofador-24-010.webp);}
.PORTN11 {background-image: url(../imgs/clt/imgs-24/maim-estofador-24-011.webp);}
.PORTN12 {background-image: url(../imgs/clt/imgs-24/maim-estofador-24-012.webp);}
.PORTN13 {background-image: url(../imgs/clt/imgs-24/maim-estofador-24-013.webp);}
.PORTN14 {background-image: url(../imgs/clt/imgs-24/maim-estofador-24-014.webp);}
.PORTN15 {background-image: url(../imgs/clt/imgs-24/maim-estofador-24-015.webp);}
.PORTN16 {background-image: url(../imgs/clt/imgs-24/maim-estofador-24-016.webp);}
.PORTN17 {background-image: url(../imgs/clt/imgs-24/maim-estofador-24-017.webp);}
.PORTN18 {background-image: url(../imgs/clt/imgs-24/maim-estofador-24-018.webp);}
.PORTN19 {background-image: url(../imgs/clt/imgs-24/maim-estofador-24-019.webp);}
.PORTN20 {background-image: url(../imgs/clt/imgs-24/maim-estofador-24-020.webp);}
.PORTN21 {background-image: url(../imgs/clt/imgs-24/maim-estofador-24-021.webp);}
.PORTN22 {background-image: url(../imgs/clt/imgs-24/maim-estofador-24-022.webp);}
.PORTN23 {background-image: url(../imgs/clt/imgs-24/maim-estofador-24-023.webp);}
.PORTN24 {background-image: url(../imgs/clt/imgs-24/maim-estofador-24-024.webp);}
.PORTN25 {background-image: url(../imgs/clt/imgs-24/maim-estofador-24-025.webp);}
.PORTN26 {background-image: url(../imgs/clt/imgs-24/maim-estofador-24-026.webp);}
.PORTN27 {background-image: url(../imgs/clt/imgs-24/maim-estofador-24-027.webp);}
.PORTN28 {background-image: url(../imgs/clt/imgs-24/maim-estofador-24-028.webp);}
   
.va-carrousel-section {
  position: relative;
  left: 0;
  right: 0;
  margin: 0 auto 3rem auto; background: #020624;  background-position: center; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; background-image: url(../imgs/capa-maim-estofados-23-fulldynamic.webp);
  padding: 2rem 0 3rem 0;
} .va-carrousel-section .titPADR {color: #fff; font-weight: bold;} .nomFEED {width:100%; font-size: 1.3rem; padding: .3rem; background: #05C2E3; text-align: center;} .descFEED {width:100%; padding: .3rem; margin-top: .5rem; text-align: center; font-size: 1.1rem;}

.descFEED a {background: #05C2E3; color: #020624; font-size: .8rem; padding: .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%;
  text-align: center;
}
#va_container {
  position: relative;
  max-width: 80%; 
  margin: 2rem auto;
}

.va-carrousel-flexbox {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  scrollbar-width: none; 
}

.va-carrousel-flexbox .va-card { width: 15rem; height: auto;  place-items: center; display: grid;
  flex: 0 0 auto; margin: 0 .5rem; background: #fff; border: .1em solid #c6c7c8; padding: .5rem; border-radius: .3rem;}

.va-carrousel-flexbox .va-card:last-child::after {
  content: ' ';
  display: inline-block;
}

.va-card { 
  user-select: none;
  outline: none;  
}

.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: 1rem;
  width: 1rem; 
  margin: auto;
  position: absolute;
  background: none;
  border: none; margin-left: -2rem; margin-right: -2rem;
  display: flex; place-items: center;
cursor:pointer;
}

.deals-paddle:focus {
  outline: none;
}

.deals-paddle:active {
  border-style: solid;
  outline: none;
  user-select: none;
}

.deals-paddle svg {
  width: 1rem; color:#05C2E3;
}

.deals-scroll-left {
  top: 0;
  left: 5px;
  bottom: 0;
}

.deals-scroll-right {
  top: 0;
  bottom: 0;
  right: -.3em;
}

.va-whitewrap {
/*         background-color: white; */
  padding-top: 1rem;
  margin-top: 1rem;
}

  #roda {position: relative; width: 100%; margin: 0 auto; box-shadow: 0 0 .2rem #a7a7a7; display: grid; grid-template-areas: "idtFT cntFT linkFT locFT" "dirFT dirFT dirFT dirFT"; } .blocLINKFT {margin-top: 1rem; width: 10rem; } .blocFTPADR {padding: 1rem;} .titFT {color: #030331; font-weight: 600; font-size: 1.3rem;} #roda a {font-size: 1rem; padding: .5rem;} #roda a:hover {opacity: .7;} #idtFT {position: relative; width: 12rem; height: 5rem; margin: 0 auto; top: 5rem; background-image: url(../imgs/logo-maim-estofador.webp); background-position: center; background-repeat: no-repeat; background-size: 80%;} #cntFT {width:auto; position: relative; margin-left:20%;} #exttcntFT {position: relative; height: auto;} #exttcntFT .blocLINKFT a { margin-left: -.7rem; padding: 0 .5rem; top: .5rem;} #rdsFT {position: relative; top: -1rem; height: auto;} #rdsFT .blocLINKFT a {padding: .2rem;} #linksFT {display: grid;} #linksFT a {position: relative; width: 100%; margin: .3rem; padding: .3rem;} #imgFT {width: 130%; transform: translateX(-23%); height: 100%; background-position: center; background-repeat: no-repeat; background-size:cover; background-image: url(../imgs/capa-maim-estofados-23-fulldynamic.webp);} .btPADR2 { font-size: 1rem; display: grid; height: auto; padding: .3rem; margin: 0;} .btPADR2 a { padding: .3rem;} .rdsFT {background: linear-gradient(45deg, #05C2E3,#fff); color: #070A75; padding: .2rem; border-radius: .5rem;} .rdsFT:hover {border-radius: 50%; background: #040A3C; color: #05C2E3;}

#dirFT {border-top: .1rem solid #c6c7c8; width: 100%; grid-area: dirFT; text-align: center; } 
 #dirFULL {font-size: .9rem; 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: .75rem;}}

 @media screen and (min-width:1900px) {*{font-size: 1.2rem;} .nav strong {font-size: .9rem;}}

 @media screen and (min-width:300px) and (max-width:990px) {
  #topo {border:none;box-shadow: none !important; } #bnfTOP {display: none;} .titPADR {width: 90%; text-align: center; margin: 0 auto; font-size: 2rem;}
  
  #exttTOP {
    position: relative;
    width: 100%; height: 9rem;
    left: 0;
    right: 0;
    margin: 0 auto; border-top: .3rem solid #05C2E3;
     display: grid; grid-template-areas: "idtFT"; align-items: center; 
  }
  
  #logo {
    position: absolute; margin-top: 2rem; left: 1rem; width: 26%; background-position: left; background-size: 100%;
  }

  #rdsTOP {right: 1rem; width: 25%;  margin-top: 2rem;} .orcTOP {height: auto; line-height: 1rem; font-size: .7rem;}  #exttRDSTOP {display: none;}  

  .nav__btn {
    position: absolute;
    top: 0;
    width: 3rem; 
    height: 3rem;
  }

  .nav__btn:before, .nav__btn:after {transform: translateY(1.2rem); 
    width: 1.5rem;
    height: .2rem;}
    
    .nav__content {height: 0; padding: 0;} .nav__content .container {width: 100%; padding: 2rem 0 .5rem 0; margin: 0;}
    .nav__cb:checked ~ .nav__content {height: 100%; margin-top: 2rem; border-radius: 1rem; padding: 0;}

    .nav__cb:checked ~ .nav__btn {
      right: 0; transform: scale(1); margin: 0 auto; left: 0;}

    .mcd-menu {
      position: relative; width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
    }
    .mcd-menu li {
    float: none;
    position: relative; width: 50vw; 
    } .mcd-menu strong {font-size: .85rem;}
    .mcd-menu li a { border: none;
    display: flex;margin: .3rem auto; border: none; background: #05c2e3; color: #040A3C; width: 100%; text-align: center; place-content: center; padding: 1rem; 
    text-decoration: none; } .mcd-menu li a i {font-size: .8rem;}

    .nav__cb:checked ~ .nav__btn:before { margin-left: .8rem; margin-top: -1.6rem;}
    .nav__cb:checked ~ .nav__btn::after { margin-left: .8rem; margin-top: .4rem;}

  #slid {
    height: 27rem; background-color: #fff; 
  }
  
  .item-1, 
  .item-2,
  .item-3 {margin: -2rem auto 0 auto; width: 80%;
  font-size: 1.6rem;
  }

  #exttSLID {width: 90%;}

  #sol {grid-template-areas: "titSOL titSOL" "blocSOL blocSOL"; background: #fff; margin-top: -.1rem; grid-gap: .5rem; padding: 3rem 0;} #sol .titPADR {grid-area: titSOL; margin-bottom: 1rem;  text-align: center; width: 90%;} .blocSOL {height: 100%;}  #sol .titPADR {font-size: 1.6rem;}  .blocSOL {width: 49vw; border-radius: .5rem; padding: .5rem .3rem 1rem .3rem;} .descSOL {width: 100%; margin-top: 6rem; padding: 0;} .blocSOL::after {width: 49vw; margin: -6rem auto 0 auto;} 
  
  #bnf {width: 100%; margin: 0 auto; padding: 1rem 0;} #bnf .titPADR {width: 75%;} .blocBNF {margin: 0 auto 1rem auto; padding: 1rem; } .titBNF {width: 100%; margin: 0; text-align: center;} .descBNF {width: 100%; margin: 17rem auto 0 auto; text-align: center; } .imgsBNF {transform: translateY(-3rem); width: 90%; height: 100%; left: 0; right: 0; background-size: 100%; margin: 0 auto; display: block;} .imgsBNF2 {transform: translateX(0) translateY(-2rem);} .imgsBNF3 {background-size: 90%; transform: translateY(-2rem);} .titBNF2,.descBNF2 {transform: translateX(0); z-index: 7;}

  #bair {grid-template-areas: "titbair titbair titbair" "bair bair bair";} #bair .titPADR {width: 85%;} #bair a {font-size: 1.1rem; width: 30vw; margin: .3rem;} 

  #port {position: relative; width: 100%; margin: 0 auto; display: grid; grid-template-areas: "titPORT titPORT" "blocPORT blocPORT2"; grid-gap: .5rem; place-content: center;} #port .titPADR {grid-area: titPORT; margin-bottom: 1rem;} .blocPORT {width: 49vw; background-size: cover; height: 14rem;} #port .exttBOT {bottom: 5rem; width: 95%; display: flex; grid-gap: .5rem; place-items: center; left: 0; right: 0; margin: 0 auto;} #port .exttBOT a {width: 100%; margin: 0; padding: .5rem; position: relative;} .detPORT {padding: .3rem;}

  .va-whitewrap {padding: 0; width: 100%;}  .va-carrousel-section .titPADR { padding: 0;} .subPADR { padding: 0; width: 80%; margin: 1rem auto;}

  #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; background-size: 50%;} #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:400px) and (max-width:990px) {*{font-size: 1.03rem;} }

  @media screen and (min-width:600px) and (max-width:990px) {*{font-size: 1.3rem;} .imgsBNF {background-size: 60%; transform: translateY(-1rem);} .imgsBNF3 {background-size: 50%;}}

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