.elementor-6734 .elementor-element.elementor-element-a21588c{--display:flex;--min-height:738px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--flex-wrap:nowrap;--overflow:auto;--overlay-opacity:0.73;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6734 .elementor-element.elementor-element-a21588c:not(.elementor-motion-effects-element-type-background), .elementor-6734 .elementor-element.elementor-element-a21588c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.reciclandoofuturo.com.br/wp-content/uploads/2025/10/Screenshot_1.webp");background-position:bottom center;background-repeat:no-repeat;background-size:100% auto;}.elementor-6734 .elementor-element.elementor-element-a21588c::before, .elementor-6734 .elementor-element.elementor-element-a21588c > .elementor-background-video-container::before, .elementor-6734 .elementor-element.elementor-element-a21588c > .e-con-inner > .elementor-background-video-container::before, .elementor-6734 .elementor-element.elementor-element-a21588c > .elementor-background-slideshow::before, .elementor-6734 .elementor-element.elementor-element-a21588c > .e-con-inner > .elementor-background-slideshow::before, .elementor-6734 .elementor-element.elementor-element-a21588c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(179deg, #FFFFFF 13%, #F2295B00 19%);}.elementor-6734 .elementor-element.elementor-element-a21588c::before{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-6734 .elementor-element.elementor-element-3a88675 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-6734 .elementor-element.elementor-element-3a88675 .th-btn{color:#FFFFFF;background:var( --e-global-color-a8e80ae );}.elementor-6734 .elementor-element.elementor-element-3a88675 .th-btn:hover{color:#FFFFFF !important;}.elementor-6734 .elementor-element.elementor-element-3a88675 .th-btn:before{background:var( --e-global-color-84a6699 );}.elementor-6734 .elementor-element.elementor-element-3a88675 .th-btn:after{background:var( --e-global-color-84a6699 );}.elementor-6734 .elementor-element.elementor-element-d2ae991{--display:flex;--min-height:514px;--overlay-opacity:0.88;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6734 .elementor-element.elementor-element-d2ae991::before, .elementor-6734 .elementor-element.elementor-element-d2ae991 > .elementor-background-video-container::before, .elementor-6734 .elementor-element.elementor-element-d2ae991 > .e-con-inner > .elementor-background-video-container::before, .elementor-6734 .elementor-element.elementor-element-d2ae991 > .elementor-background-slideshow::before, .elementor-6734 .elementor-element.elementor-element-d2ae991 > .e-con-inner > .elementor-background-slideshow::before, .elementor-6734 .elementor-element.elementor-element-d2ae991 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(179deg, #FFFFFF 10%, #F2295B00 35%);}.elementor-6734 .elementor-element.elementor-element-d2ae991::before{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-6734 .elementor-element.elementor-element-edfa2fa .th-btn{color:#FFFFFF;background:var( --e-global-color-a8e80ae );}.elementor-6734 .elementor-element.elementor-element-edfa2fa .th-btn:hover{color:#FFFFFF !important;}.elementor-6734 .elementor-element.elementor-element-edfa2fa .th-btn:before{background:var( --e-global-color-84a6699 );}.elementor-6734 .elementor-element.elementor-element-edfa2fa .th-btn:after{background:var( --e-global-color-84a6699 );}@media(max-width:767px){.elementor-6734 .elementor-element.elementor-element-d2ae991:not(.elementor-motion-effects-element-type-background), .elementor-6734 .elementor-element.elementor-element-d2ae991 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.reciclandoofuturo.com.br/wp-content/uploads/2025/10/bannerelas.webp");background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-6734 .elementor-element.elementor-element-d2ae991{--min-height:387px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(min-width:768px){.elementor-6734 .elementor-element.elementor-element-a21588c{--content-width:1600px;}}/* Start custom CSS for donatheader, class: .elementor-element-3a88675 *//* === Ajuste só para tablet/notebook: mantém horizontal, estica e reduz fonte === */
@media (min-width: 768px) and (max-width: 1199.98px) {
  /* UL do topo ocupa 100% e distribui itens na horizontal */
  .main-menu > ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;                 /* não quebra linha */
    width: 100%;
  }

  /* Espaçamento entre itens diminui conforme a tela */
  .main-menu > ul > li {
    margin: 0 clamp(4px, 0.9vw, 12px);
    min-width: 0;                      /* permite encolher */
  }

  /* Fonte e padding menores, sem quebrar texto */
  .main-menu > ul > li > a {
    white-space: nowrap;
    text-align: center;
    line-height: 1.15;
    font-size: clamp(11.5px, 1.1vw, 15px);
    padding: clamp(6px, 0.9vw, 12px) 0;
  }

  /* Submenus acompanham */
  .main-menu ul.sub-menu a {
    font-size: clamp(12px, 1.1vw, 15px);
    line-height: clamp(18px, 2vw, 28px);
  }
}

/* Opcional: laptops “apertados” 1200–1366px */
@media (min-width: 1200px) and (max-width: 1366px) {
  .main-menu > ul > li { margin: 0 10px; }
  .main-menu > ul > li > a { font-size: 15px; padding: 12px 0; }
}
/* ===== MENU HORIZONTAL AJUSTADO SÓ ENTRE 1200–1699px ===== */
@media (min-width: 1200px) and (max-width: 1699.98px) {
  /* UL da camada de topo em linha e esticado */
  .main-menu > ul {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;              /* não quebra linha */
    justify-content: space-between !important; /* ocupa toda a largura do "pílula" roxa */
    align-items: center !important;
    width: 100% !important;
    gap: clamp(0px, .6vw, 10px);
  }

  /* Itens com espaço menor (podem encolher) */
  .main-menu > ul > li {
    margin: 0 clamp(4px, .6vw, 10px) !important;
    min-width: 0;                               /* permite encolher */
  }

  /* Texto sem quebra + tipografia menor */
  .main-menu > ul > li > a {
    white-space: nowrap;
    text-align: center;
    line-height: 1.15;
    font-size: clamp(12px, 1.0vw, 15px) !important; /* encolhe nesse range */
    padding: clamp(8px, .8vw, 14px) 0 !important;    /* altura do link */
  }

  /* Ícone da setinha ocupa menos espaço */
  .main-menu ul li.menu-item-has-children > a:after,
  .main-menu ul li:has(.sub-menu) > a:after,
  .main-menu ul li:has(.mega-menu) > a:after {
    margin-left: clamp(2px, .3vw, 6px);
    font-size: .85em;
  }
}

/* Opcional: laptops 1700–1800px ainda apertados */
@media (min-width: 1700px) and (max-width: 1800px) {
  .main-menu > ul > li > a { font-size: 15px !important; padding: 10px 0 !important; }
  .main-menu > ul > li { margin: 0 10px !important; }
}/* End custom CSS */
/* Start custom CSS for donatheader, class: .elementor-element-edfa2fa *//* === Ajuste só para tablet/notebook: mantém horizontal, estica e reduz fonte === */
@media (min-width: 768px) and (max-width: 1199.98px) {
  /* UL do topo ocupa 100% e distribui itens na horizontal */
  .main-menu > ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;                 /* não quebra linha */
    width: 100%;
  }

  /* Espaçamento entre itens diminui conforme a tela */
  .main-menu > ul > li {
    margin: 0 clamp(4px, 0.9vw, 12px);
    min-width: 0;                      /* permite encolher */
  }

  /* Fonte e padding menores, sem quebrar texto */
  .main-menu > ul > li > a {
    white-space: nowrap;
    text-align: center;
    line-height: 1.15;
    font-size: clamp(11.5px, 1.1vw, 15px);
    padding: clamp(6px, 0.9vw, 12px) 0;
  }

  /* Submenus acompanham */
  .main-menu ul.sub-menu a {
    font-size: clamp(12px, 1.1vw, 15px);
    line-height: clamp(18px, 2vw, 28px);
  }
}

/* Opcional: laptops “apertados” 1200–1366px */
@media (min-width: 1200px) and (max-width: 1366px) {
  .main-menu > ul > li { margin: 0 10px; }
  .main-menu > ul > li > a { font-size: 15px; padding: 12px 0; }
}
/* ===== MENU HORIZONTAL AJUSTADO SÓ ENTRE 1200–1699px ===== */
@media (min-width: 1200px) and (max-width: 1699.98px) {
  /* UL da camada de topo em linha e esticado */
  .main-menu > ul {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;              /* não quebra linha */
    justify-content: space-between !important; /* ocupa toda a largura do "pílula" roxa */
    align-items: center !important;
    width: 100% !important;
    gap: clamp(0px, .6vw, 10px);
  }

  /* Itens com espaço menor (podem encolher) */
  .main-menu > ul > li {
    margin: 0 clamp(4px, .6vw, 10px) !important;
    min-width: 0;                               /* permite encolher */
  }

  /* Texto sem quebra + tipografia menor */
  .main-menu > ul > li > a {
    white-space: nowrap;
    text-align: center;
    line-height: 1.15;
    font-size: clamp(12px, 1.0vw, 15px) !important; /* encolhe nesse range */
    padding: clamp(8px, .8vw, 14px) 0 !important;    /* altura do link */
  }

  /* Ícone da setinha ocupa menos espaço */
  .main-menu ul li.menu-item-has-children > a:after,
  .main-menu ul li:has(.sub-menu) > a:after,
  .main-menu ul li:has(.mega-menu) > a:after {
    margin-left: clamp(2px, .3vw, 6px);
    font-size: .85em;
  }
}

/* Opcional: laptops 1700–1800px ainda apertados */
@media (min-width: 1700px) and (max-width: 1800px) {
  .main-menu > ul > li > a { font-size: 15px !important; padding: 10px 0 !important; }
  .main-menu > ul > li { margin: 0 10px !important; }
}/* End custom CSS */