.elementor-131 .elementor-element.elementor-element-1eaba37{--display:flex;--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;border-style:none;--border-style:none;--margin-top:79px;--margin-bottom:-76px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-131 .elementor-element.elementor-element-1eaba37:not(.elementor-motion-effects-element-type-background), .elementor-131 .elementor-element.elementor-element-1eaba37 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-131 .elementor-element.elementor-element-1eaba37.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-131 .elementor-element.elementor-element-ff7f1fe{background-color:#000000;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -4px) 0px;padding:28px 0px 66px 0px;border-style:none;border-radius:47px 47px 0px 0px;}.elementor-131 .elementor-element.elementor-element-ff7f1fe.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-131 .elementor-element.elementor-element-4fa4a37{--display:flex;--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;--margin-top:79px;--margin-bottom:-76px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-131 .elementor-element.elementor-element-4fa4a37:not(.elementor-motion-effects-element-type-background), .elementor-131 .elementor-element.elementor-element-4fa4a37 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000000;}.elementor-131 .elementor-element.elementor-element-8c743d2{background-color:#000000;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -4px) 0px;padding:28px 0px 66px 0px;border-style:solid;border-radius:47px 47px 0px 0px;}.elementor-131 .elementor-element.elementor-element-8c743d2:not( .elementor-widget-image ), .elementor-131 .elementor-element.elementor-element-8c743d2.elementor-widget-image img{-webkit-mask-image:url( https://beenews.ai/wp-content/plugins/elementor/assets/mask-shapes/pill-horizontal.svg );-webkit-mask-size:cover;-webkit-mask-position:center center;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-131 .elementor-element.elementor-element-1eaba37{--width:500px;--min-height:0px;--justify-content:space-around;--border-radius:0px 0px 0px 0px;--margin-top:45px;--margin-bottom:-25px;--margin-left:0px;--margin-right:0px;--padding-top:47px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-131 .elementor-element.elementor-element-ff7f1fe{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 9px;padding:0px 0px 40px 0px;border-radius:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-ff7f1fe *//* Container Principal */
.rodape-hdh {
    color: #ffffff;
    padding: 10px 10px; /* Reduzi o espaçamento vertical */
    width: 100%;
    box-sizing: border-box;
}

.rodape-centro {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 45px;

    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* --- CORREÇÃO DO LOGO --- */
.rodape-logo {
    width: 180px !important;      /* Força a largura exata */
    max-width: 180px !important;  /* Garante que não passe disso */
    height: auto !important;      /* Mantém a proporção da altura */
    display: block;
    margin-bottom: 5px;           /* Um pequeno respiro abaixo do logo */
}

/* Texto fixo no centro real */
.rodape-texto {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
}


/* Redes Sociais */
.rodape-redes {
    display: flex;
    justify-content: center;
    gap: 20px;
}

.rodape-redes a {
    text-decoration: none;
    display: flex;
    align-items: center;
}

/* Ícones */
.rodape-redes i {
    font-size: 20px !important; /* Tamanho equilibrado com o texto */
    color: #ffffff;
    transition: opacity 0.3s;
}

.rodape-redes a:hover i {
    opacity: 0.7;
}
/* ======================================================
   RODAPÉ – DESKTOP + MOBILE CORRETO
====================================================== */

/* Container Principal */
.rodape-hdh{
  color: #ffffff;
  padding: 12px 10px;
  width: 100%;
  box-sizing: border-box;
}

/* Centro (DESKTOP) */
.rodape-centro{
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 45px;

  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}

/* Logo */
.rodape-logo{
  width: 180px !important;
  max-width: 180px !important;
  height: auto !important;
  display: block;
  margin: 0; /* no desktop não precisa de margin-bottom */
}

/* Texto central (DESKTOP) */
.rodape-texto{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;

  /* melhora leitura */
  max-width: 52%;
  line-height: 1.25;
  font-size: 14px;
  opacity: .95;
  padding: 0 10px;
  box-sizing: border-box;
  white-space: normal;
  overflow-wrap: anywhere;
}

/* Redes Sociais */
.rodape-redes{
  display: flex;
  justify-content: center;
  gap: 16px;
}

/* Links dos ícones (aumenta área clicável) */
.rodape-redes a{
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 38px;
  height: 38px;
  border-radius: 999px;

  /* opcional: borda bem sutil (pode remover) */
  border: 1px solid rgba(255,255,255,.25);
}

/* Ícones */
.rodape-redes i{
  font-size: 18px !important;
  color: #ffffff;
  line-height: 1;
}

/* Hover só faz sentido em desktop */
@media (hover:hover){
  .rodape-redes a:hover{
    opacity: .85;
  }
}

/* ======================================================
   MOBILE (arruma texto + ícones)
====================================================== */
@media (max-width: 768px){

  .rodape-centro{
    padding: 0 20px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 15px;
  }

  /* tira o absolute que bagunça no celular */
  .rodape-texto{
    position: static;
    transform: none;
    max-width: 100%;
    font-size: 13px;
    line-height: 1.35;
    padding: 0;
    text-align: center;
  }

  /* logo um pouco menor no mobile */
  .rodape-logo{
    width: 150px !important;
    max-width: 150px !important;
  }

  /* ícones com toque bom e sem apertar */
  .rodape-redes{
    gap: 12px;
    flex-wrap: wrap;
  }

  .rodape-redes a{
    width: 42px;
    height: 42px;
  }

  .rodape-redes i{
    font-size: 18px !important;
  }
}

/* ======================================================
   MOBILE PEQUENO (bem estreito)
====================================================== */
@media (max-width: 420px){
  .rodape-hdh{
    padding: 15px 10px;
  }

  .rodape-logo{
    width: 135px !important;
    max-width: 135px !important;
  }

  .rodape-texto{
    font-size: 12.5px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8c743d2 *//* Container Principal */
.rodape-hdh {
    color: #ffffff;
    padding: 10px 10px; /* Reduzi o espaçamento vertical */
    width: 100%;
    box-sizing: border-box;
}

.rodape-centro {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 45px;

    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* --- CORREÇÃO DO LOGO --- */
.rodape-logo {
    width: 180px !important;      /* Força a largura exata */
    max-width: 180px !important;  /* Garante que não passe disso */
    height: auto !important;      /* Mantém a proporção da altura */
    display: block;
    margin-bottom: 5px;           /* Um pequeno respiro abaixo do logo */
}

/* Texto fixo no centro real */
.rodape-texto {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
}


/* Redes Sociais */
.rodape-redes {
    display: flex;
    justify-content: center;
    gap: 20px;
}

.rodape-redes a {
    text-decoration: none;
    display: flex;
    align-items: center;
}

/* Ícones */
.rodape-redes i {
    font-size: 20px !important; /* Tamanho equilibrado com o texto */
    color: #ffffff;
    transition: opacity 0.3s;
}

.rodape-redes a:hover i {
    opacity: 0.7;
}
/* ======================================================
   RODAPÉ – DESKTOP + MOBILE CORRETO
====================================================== */

/* Container Principal */
.rodape-hdh{
  color: #ffffff;
  padding: 12px 10px;
  width: 100%;
  box-sizing: border-box;
}

/* Centro (DESKTOP) */
.rodape-centro{
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 45px;

  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}

/* Logo */
.rodape-logo{
  width: 180px !important;
  max-width: 180px !important;
  height: auto !important;
  display: block;
  margin: 0; /* no desktop não precisa de margin-bottom */
}

/* Texto central (DESKTOP) */
.rodape-texto{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;

  /* melhora leitura */
  max-width: 52%;
  line-height: 1.25;
  font-size: 14px;
  opacity: .95;
  padding: 0 10px;
  box-sizing: border-box;
  white-space: normal;
  overflow-wrap: anywhere;
}

/* Redes Sociais */
.rodape-redes{
  display: flex;
  justify-content: center;
  gap: 16px;
}

/* Links dos ícones (aumenta área clicável) */
.rodape-redes a{
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 38px;
  height: 38px;
  border-radius: 999px;

  /* opcional: borda bem sutil (pode remover) */
  border: 1px solid rgba(255,255,255,.25);
}

/* Ícones */
.rodape-redes i{
  font-size: 18px !important;
  color: #ffffff;
  line-height: 1;
}

/* Hover só faz sentido em desktop */
@media (hover:hover){
  .rodape-redes a:hover{
    opacity: .85;
  }
}

/* ======================================================
   MOBILE (arruma texto + ícones)
====================================================== */
@media (max-width: 768px){

  .rodape-centro{
    padding: 0 14px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
  }

  /* tira o absolute que bagunça no celular */
  .rodape-texto{
    position: static;
    transform: none;
    max-width: 100%;
    font-size: 13px;
    line-height: 1.35;
    padding: 0;
    text-align: center;
  }

  /* logo um pouco menor no mobile */
  .rodape-logo{
    width: 150px !important;
    max-width: 150px !important;
  }

  /* ícones com toque bom e sem apertar */
  .rodape-redes{
    gap: 12px;
    flex-wrap: wrap;
  }

  .rodape-redes a{
    width: 42px;
    height: 42px;
  }

  .rodape-redes i{
    font-size: 18px !important;
  }
}

/* ======================================================
   MOBILE PEQUENO (bem estreito)
====================================================== */
@media (max-width: 420px){
  .rodape-hdh{
    padding: 10px 10px;
  }

  .rodape-logo{
    width: 135px !important;
    max-width: 135px !important;
  }

  .rodape-texto{
    font-size: 12.5px;
  }
}/* End custom CSS */