/*------------------------------------------*/
/*  08 - Icones
/*------------------------------------------*/
@font-face {
  font-family: "icomoon";
  src: url("fonts6/icomoon.woff?r49rfi") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-rakuten:before {
  content: "\e907";
  color: #fff;
}
.icon-amazon1:before {
  content: "\e900";
}
.icon-amazon2:before {
  content: "\e901";
  color: #f90;
}
.icon-x:before {
  content: "\e903";
}
.icon-twitter:before {
  content: "\e903";
}
.icon-home:before {
  content: "\e904";
}
.icon-home2:before {
  content: "\e905";
}
.icon-home3:before {
  content: "\e902";
}
.icon-newspaper:before {
  content: "\e906";
}
.icon-camera:before {
  content: "\e90f";
}
.icon-headphones:before {
  content: "\e910";
}
.icon-play:before {
  content: "\e912";
}
.icon-film:before {
  content: "\e913";
}
.icon-mic:before {
  content: "\e91e";
}
.icon-profile:before {
  content: "\e923";
}
.icon-file-picture:before {
  content: "\e927";
}
.icon-folder-download:before {
  content: "\e933";
}
.icon-price-tag:before {
  content: "\e935";
}
.icon-qrcode:before {
  content: "\e938";
}
.icon-cart:before {
  content: "\e93a";
}
.icon-phone:before {
  content: "\e942";
}
.icon-clock:before {
  content: "\e94e";
}
.icon-clock2:before {
  content: "\e94f";
}
.icon-calendar:before {
  content: "\e953";
}
.icon-download:before {
  content: "\e960";
}
.icon-upload:before {
  content: "\e961";
}
.icon-database:before {
  content: "\e964";
}
.icon-undo2:before {
  content: "\e967";
}
.icon-redo2:before {
  content: "\e968";
}
.icon-bubbles2:before {
  content: "\e96d";
}
.icon-user:before {
  content: "\e971";
}
.icon-users:before {
  content: "\e972";
}
.icon-user-check:before {
  content: "\e975";
}
.icon-user-tie:before {
  content: "\e976";
}
.icon-search:before {
  content: "\e986";
}
.icon-stats-bars:before {
  content: "\e99c";
}
.icon-stats-bars2:before {
  content: "\e99d";
}
.icon-meter:before {
  content: "\e9a6";
}
.icon-fire:before {
  content: "\e9a9";
}
.icon-accessibility:before {
  content: "\e9b2";
}
.icon-power:before {
  content: "\e9b5";
}
.icon-list:before {
  content: "\e9ba";
}
.icon-menu:before {
  content: "\e9bd";
}
.icon-menu2:before {
  content: "\e9be";
}
.icon-menu3:before {
  content: "\e9bf";
}
.icon-sphere:before {
  content: "\e9c9";
}
.icon-link:before {
  content: "\e9cb";
}
.icon-star-full:before {
  content: "\e9d9";
}
.icon-heart:before {
  content: "\e9da";
}
.icon-man:before {
  content: "\e9dc";
}
.icon-woman:before {
  content: "\e9dd";
}
.icon-man-woman:before {
  content: "\e9de";
}
.icon-happy:before {
  content: "\e9df";
}
.icon-plus:before {
  content: "\ea0a";
}
.icon-minus:before {
  content: "\ea0b";
}
.icon-cancel-circle:before {
  content: "\ea0d";
}
.icon-checkmark:before {
  content: "\ea10";
}
.icon-play3:before {
  content: "\ea1c";
}
.icon-pause2:before {
  content: "\ea1d";
}
.icon-volume-high:before {
  content: "\ea26";
}
.icon-volume-mute2:before {
  content: "\ea2a";
}
.icon-arrow-up:before {
  content: "\ea32";
}
.icon-arrow-down:before {
  content: "\ea36";
}
.icon-checkbox-checked:before {
  content: "\ea52";
}
.icon-share:before {
  content: "\ea7d";
}
.icon-share2:before {
  content: "\ea82";
}
.icon-mail4:before {
  content: "\ea86";
}
.icon-amazon:before {
  content: "\ea87";
}
.icon-google2:before {
  content: "\ea89";
}
.icon-facebook:before {
  content: "\ea90";
}
.icon-facebook2:before {
  content: "\ea91";
}
.icon-instagram:before {
  content: "\ea92";
}
.icon-whatsapp:before {
  content: "\ea93";
}
.icon-twitter1:before {
  content: "\ea96";
}
.icon-youtube:before {
  content: "\ea9d";
}
.icon-youtube2:before {
  content: "\ea9e";
}
.icon-dropbox:before {
  content: "\eaae";
}

/* Evita salto quando a barra de rolagem é “compensada” ao abrir o modal */
html {
  scrollbar-gutter: stable both-edges;
}

@supports (scrollbar-gutter: stable) {
  body.modal-open {
    padding-right: 0 !important;
  }
  .modal-open .fixed-top,
  .modal-open .fixed-bottom,
  .modal-open .sticky-top,
  .modal-open .navbar-fixed-top,
  .modal-open .navbar-fixed-bottom {
    padding-right: 0 !important;
  }
}
/* Fallback desktop, se usar o medidor de scrollbar */
@media (min-width: 992px) {
  .modal-open.pm-sbw-ready .fixed-top,
  .modal-open.pm-sbw-ready .fixed-bottom,
  .modal-open.pm-sbw-ready .sticky-top,
  .modal-open.pm-sbw-ready .navbar-fixed-top,
  .modal-open.pm-sbw-ready .navbar-fixed-bottom {
    padding-right: var(--pm-sbw, 0px) !important;
  }
}

/* Dimensões do modal movidas do inline para cá */
#MaisAcessadasJanela .modal-dialog {
  max-width: 95vw;
}
#MaisAcessadasJanela .modal-content {
  min-height: 600px;
}
/* A partir do breakpoint lg (≥992px), limite mais estreito */
@media (min-width: 992px) {
  #MaisAcessadasJanela .modal-dialog {
    max-width: 600px; /* ajuste conforme sua preferência */
  }
}

/* Micro-otimização: imagens estáveis dentro do modal */
#MaisAcessadasJanela img {
  height: auto;
}

.social-desktop {
  gap: 1rem;
  height: 41px;
  overflow: hidden;
}
.fb-slot--desktop,
.fb-slot--mobile {
  width: 120px;
  height: 41px;
  overflow: hidden;
}

.fb-slot.xfbml .fb_iframe_widget,
.fb-slot.xfbml .fb_iframe_widget > span,
.fb-slot.xfbml .fb_iframe_widget iframe {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}
/* Estabiliza o alinhamento do logo no navbar em todos os breakpoints */
nav.navegacao-principal.navbar.navbar-expand-lg > .container {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

/*------------------------------------------*/
/*  08 - Global
/*------------------------------------------*/
body,
html {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji",
    "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.bg-primary,
.bg-primary:hover,
.bg-primary:focus,
a.bg-primary:focus,
a.bg-primary:hover,
button.bg-primary:focus,
button.bg-primary:hover,
.badge-primary {
  background: #246a90 !important;
}

.btn-primary,
.btn-primary a,
.btn-primary:hover {
  color: #fff;
  background-color: #246a90 !important;
  border-color: #246a90 !important;
}

.text-primary,
.filters_col .distance span {
  color: #246a90 !important;
}

.btn-outline-primary {
  color: #246a90 !important;
  border-color: #246a90 !important;
}

.btn-outline-primary:hover {
  background: none !important;
}

.text-primary a {
  color: #246a90 !important;
}

.bg-secondary,
.bg-secondary:hover,
.bg-secondary:focus,
a.bg-secondary:focus,
a.bg-secondary:hover,
button.bg-secondary:focus,
button.bg-secondary:hover,
.irs-bar {
  background-color: #102539 !important;
}

.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus {
  color: #fff;
  background-color: #102539 !important;
  border-color: #102539 !important;
}

.text-secondary {
  color: #102539 !important;
}

.text-secondary a {
  color: #102539 !important;
}

.btn-outline-secondary {
  color: #102539 !important;
  border-color: #102539 !important;
}

.btn-outline-secondary:hover {
  background: none !important;
}

body {
  background: #f9f9f9 !important;
}

/*------------------------------------------*/
/*  08 - SHORTCODES
/*------------------------------------------*/
.miniaturas h6 {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 5px;
}

.miniaturas h6 a {
  color: #000;
}

.miniaturas .card-category,
.miniaturas .card-category a {
  font-size: 12px;
  color: #666666;
}

.cabecalho-img img {
  max-width: 50px;
}

.titulo-card-wide a {
  color: #333;
  font-size: 20px !important;
}

.veja-mais {
  font-size: 12px;
  text-align: center;
  bottom: 0;
}

.veja-mais img {
  max-width: 20px;
}

.noticias_acessadas_pai {
  overflow-x: auto;
  overflow-y: visible;
  height: 230px;
}

.noticias_acessadas {
  width: 3500px;
  height: 210px;
}

.mini-card {
  display: inline-block;
  width: 200px;
  float: left;
  height: 100%;
  margin-right: 5px;
}

.mini-card a {
  color: #333;
  font-size: 18px;
}

input.form-control.form-header.customfilter {
  display: inline;
  width: 250px;
  height: 36px;
}

.miniaturas.card {
  border: 1px solid #737272;
}

.elementor_mainmenu {
  padding: 0px 0;
  background-color: white;
}

.navbar-expand-md .navbar-nav .dropdown-menu {
  position: absolute;
  z-index: 100000;
}

a.mais_acessadas {
  font-size: 16px;
  font-weight: bold;
}

/*------------------------------------------*/
/*  08 - POST
/*------------------------------------------*/
.conteudo .aligncenter,
.single-produtos .aligncenter {
  display: block;
  margin: 0 auto;
}

.conteudo img {
  max-width: 100%;
  height: auto;
}

.wp-caption {
  max-width: 100%;
}

.wp-caption,
.post-detalhes,
.size-full,
.wp-image {
  max-width: 100%;
}

.destaques-laterais img,
.destaques-laterais {
  margin-top: 2px;
  margin-bottom: 2px;
  border: 1px solid #ccc;
}

.conteudo pre,
pre,
.content pre {
  background: #f3f3f3;
  white-space: pre-wrap;
  padding: 5px;
  border: 1px solid #e7e7e7;
  font-size: 14px;
}

.conteudo,
.conteudo p,
.content {
  font-size: 1.45rem;
  margin-bottom: 30px !important;
}

.conteudo .size-full {
  border: 2px solid #000;
}

.incontent {
  font-size: 12px;
  color: #ccc;
}

.conteudo blockquote,
.content blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}

.updated {
  font-size: 12px;
  color: 333;
}

.categorias-post a,
.categorias-post button,
.categorias-post .btn btn {
  color: white;
  font-size: 8px;
}

@media only screen and (max-width: 560px) {
  .eventos p {
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 3px;
  }

  .gif-conteudo {
    padding-right: 5x;
    padding-left: 5px;
  }

  .gif-conteudo img {
    max-width: 100%;
    height: auto;
  }
}

.blueimp-gallery-controls > .title {
  width: 100%;
}

.blueimp-gallery-controls > .title a {
  color: #fff;
  background-color: #32599d;
  padding: 2px 6px 2px 6px;
  border: 1px solid #fff;
}

.conteudo iframe {
  max-width: 100%;
}

.conteudo img {
  border: 1px solid #ccc;
}

.conteudo .wp-caption-text {
  font-size: 14px;
}

.conteudo .relacionados a {
  font-size: 15px;
  color: #333;
  display: block;
  line-height: 95%;
  font-weight: normal;
}

.relacionados {
  font-size: 22px;
  font-weight: bold;
  border-top: 2px solid orange;
  border-bottom: 2px solid orange;
}

/*------------------------------------------*/
/*  Responsivo Mostrar ocultar
/*------------------------------------------*/

.visible-for-small {
  display: none;
}

@media (max-width: 640.98px) {
  .hide-for-small {
    display: none;
  }

  .visible-for-small {
    display: block;
  }
}

iframe {
  max-width: 100%;
  width: 100%;
  height: auto;
  min-height: 350px;
}

.sticky-top.sidebar-home {
  top: 70px;
  z-index: 10;
}

#votar-like,
#votar-dislike {
  font-size: 30px;
}

.destaques_eventos {
  border: 4px solid #246a90 !important;
}

#votar-dislike_pequeno.pequeno,
#votar-like_pequeno.pequeno {
  font-size: 12px;
  background-color: #1877f2 !important;
  border-color: #1877f2 !important;
}

.author-bio {
  font-size: 12px;
  color: grey;
}

.author-bio .alignleft {
  float: left;
  margin-right: 10px;
}

/*------------------------------------------*/
/*  08 - Header Navigation
/*------------------------------------------*/

.bb-light {
  border-bottom: 1px solid #ffffff26 !important;
}

header {
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
  z-index: 1;
}

.elementor_topmenu.bg-primary.text-light.border-bottom {
  border-bottom: 1px solid #dee2e626 !important;
}

.elementor_mainmenu {
  padding: 0px 0;
}

.elementor_mainmenu .bg-primary ul.seperator li:after {
  background-color: #fff;
}

.elementor_mainmenu .nav-item a {
  text-transform: uppercase;
  text-decoration: none !important;
  font-size: 14px;
  font-weight: 500;
  padding: 10px 22px;
}

.elementor_mainmenu.menu-bold .nav-item a {
  font-weight: bold;
}

.text-md .elementor_mainmenu .nav-item a {
  font-size: 16px !important;
}

.text-lg .elementor_mainmenu .nav-item a {
  font-size: 18px !important;
}

.elementor_mainmenu .navbar-nav .nav-link {
  padding: 0 15px;
  line-height: 35px;
}

.navbar-light .navbar-nav .nav-link {
  color: #222;
}

.navbar-dark .navbar-nav .nav-link {
  color: #fff;
}

.elementor_mainmenu .navbar-collapse .dropdown-item {
  line-height: 25px !important;
  border-bottom: 1px solid #ddd;
  font-size: 13px !important;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.elementor_mainmenu .navbar-collapse .dropdown-item:hover {
  padding-left: 15px !important;
}

.bg-transparent {
  background-color: #00000024 !important;
}

.bg-transparent-none {
  background: transparent !important;
}

.sticky {
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border-bottom: 1px solid #ededed;
  background-color: #fff;
  padding: 0;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 500;
  border-bottom: 1px solid #ddd !important;
}

.sticky .elementor_mainmenu {
  padding: 0 0 !important;
}

.sticky.elementor_mainmenu {
  padding: 0 0 !important;
}

/* Garante layout estável já no CSS crítico */
.navegacao-principal .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* Empurra o logo para a esquerda assim que o nav vira flex */
#pm-brand {
  display: inline-flex; /* evita baseline jump */
  align-items: center;
  margin-right: auto; /* ocupa a “perna” esquerda do flex */
}

/* Reserva tamanho do logo imediatamente (coerente com seu crítico) */
.portal-logo {
  width: 166px; /* bate com o atributo width */
  height: auto;
  aspect-ratio: 166 / 60; /* você já usa; reforço por segurança */
  display: block; /* já está no seu crítico */
}

/* Evita salto quando o header vira sticky (mantém altura) */
.navegacao-principal {
  min-height: 60px; /* altura do logo; ajuste se houver padding vertical */
}

/* Quando sticky, mantenha a mesma altura do bloco do logo */
.has-sticky.sticky .portal-logo {
  max-height: 50px; /* não encolha/salte na transição inicial */
  width: auto;
}

body.boxed #page-content-wrapper {
  background: #fff;
}

/*------------------------------------------*/
/*  08 - Design Responsivo
/*------------------------------------------*/
@media (min-width: 1200px) {
  .container {
    max-width: 1240px;
  }

  .container-full-width {
    width: 100% !important;
    max-width: 100% !important;
  }

  .elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 1200px !important;
  }

  .fullcontainer .container,
  .fullcontainer .container-lg,
  .fullcontainer .container-md,
  .fullcontainer .container-sm,
  .fullcontainer .container-xl {
    max-width: 1600px;
  }

  /* boxed layout */
  body.boxed #page-content-wrapper {
    max-width: 1300px;
    margin: auto auto;
    min-width: 1140px !important;
    padding: 0px 15px;
    background: #fff;
  }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 576px) and (max-width: 1199.98px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm {
    max-width: 100%;
  }

  .elementor_mainmenu .navbar-nav .nav-link {
    padding: 0 10px;
    line-height: 35px;
  }
}

/* mobile */
@media (max-width: 575.98px) {
  #page-content-wrapper {
    overflow: hidden !important;
  }

  /* menu */
  .elementor_header {
    border-bottom: 1px solid #dee2e6 !important;
  }

  /* set stage */
  #main {
    background: #fff !important;
  }

  /* typography */
  h1 {
    font-size: 35px !important;
    font-weight: bold;
  }

  h4 {
    font-size: 16px !important;
  }

  h5 {
    font-size: 16px !important;
  }

  h6 {
    font-size: 16px !important;
  }
}

.loader {
  --n: 10;
  /* control the number of stripes */
  --s: 10px;
  /* control the width of stripes */
  --g: 5px;
  /* control the gap between stripes */

  width: 150px;
  height: 30px;
  padding: var(--g);
  border: 1px solid;
  color: #246a90;
  background: repeating-linear-gradient(
      90deg,
      currentColor 0 var(--s),
      #0000 0 calc(var(--s) + var(--g))
    )
    left / calc((var(--n) + 1) * (var(--s) + var(--g))) 100% no-repeat
    content-box;
  animation: load-portal 1.5s steps(calc(var(--n) + 1)) infinite;
}

@keyframes load-portal {
  0% {
    background-size: 0% 100%;
  }
}

/*
Estilos que estavam no footer.php em 2025-05

*/

.conteudo iframe {
  width: 100% !important;
  min-height: 300px;
}

@media (min-width: 992px) {
  .conteudo iframe {
    width: 100% !important;
    min-height: 450px;
  }
}

.fb_iframe_widget_fluid_desktop,
.fb_iframe_widget_fluid_desktop span,
.fb_iframe_widget_fluid_desktop iframe {
  max-width: 100% !important;
  width: 100% !important;
}

.conteudo table {
  width: 100%;
}

.conteudo table td {
  border: 1px solid #ccc;
  padding: 5px;
}

article .post-body h6:not(.widgettitle) {
  margin-bottom: 10px;
  font-size: 10px;
  font-weight: 100;
}

@media only screen and (min-device-width: 275px) and (max-device-width: 849px) {
  .inner_wrapper h6 {
    font-size: 10px;
    font-weight: 100;
  }
}

.embed-vimeo iframe {
  width: 100%;
  min-height: 300px;
}

@media only screen and (min-device-width: 275px) and (max-device-width: 700px) {
  .jetpack-slideshow {
    height: 210px !important;
    z-index: 9999;
  }

  .jetpack-slideshow .slideshow-slide {
    line-height: 210px !important;
  }
}

@media only screen and (min-device-width: 800px) {
  .jetpack-slideshow {
    z-index: 9999;
  }
}

.wp-caption.alignleft {
  margin: 5px 5px 5px 0;
}

#video-283569-1 {
  height: auto;
  max-width: 300px;
}
/*
Estilos do modal de noticias acessadas
*/

.modalLogo {
  max-height: 40px;
  width: auto;
}

.modalScroll {
  width: 100%;
  height: 350px;
  overflow: auto;
}

@media only screen and (min-width: 992px) {
  .modalScroll {
    width: 100%;
    height: 450px;
    overflow: auto;
  }
}

.modalScroll .noticias_acessadas {
  width: 100%;
}

.modalScroll .mini-card {
  position: relative;
  margin-top: 5px;
  width: 100%;
  margin-right: 0px;
  height: auto;
}

#modalAcessadas img {
  width: 100%;
  height: auto;
}

.visualizadores {
  background-color: black;
  color: white;
  padding: 5px;
  font-size: 14px;
  position: absolute;
  top: 0px;
  right: 0px;
}

/*
Template de Gerar Widgets de Produtos da Amazon
*/

.product-card {
  border: 1px solid #ddd;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.product-prime {
  color: #007185;
  font-size: 12px;
  /* Amazon Prime color */
}

.price-symbol {
  font-size: 0.8em;
  vertical-align: super;
}

.price-whole {
  font-size: 1.5em;
  font-weight: bold;
}

.product-title {
  font-size: 1rem;
  text-decoration: none;
}

.amazon-button-modern {
  display: inline-flex;
  align-items: center;
  padding: 6px 10px;
  background: linear-gradient(to right, #ff9900, #ffb84d);
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  border-radius: 6px;
  text-decoration: none;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
  white-space: nowrap;
}

.amazon-button-modern:hover {
  color: white;
  text-decoration: none;
  background: linear-gradient(to right, #e68a00, #ffad33);
  transform: translateY(-1px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.rakuten-button-modern {
  display: inline-flex;
  align-items: center;
  padding: 6px 10px;
  background: linear-gradient(
    to right,
    #bf0000,
    #e60000
  ); /* Vermelho Rakuten */
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  border-radius: 6px;
  text-decoration: none;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
  white-space: nowrap;
  transition: all 0.2s ease-in-out;
}

.rakuten-button-modern:hover {
  color: white;
  text-decoration: none;
  background: linear-gradient(
    to right,
    #a00000,
    #cc0000
  ); /* mais escuro ao hover */
  transform: translateY(-1px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

@media only screen and (max-width: 600px) {
  .product-title {
    font-size: 12px;
    letter-spacing: -0.8px;
    text-decoration: none;
  }

  .price-symbol {
    font-size: 0.5em;
    vertical-align: super;
  }

  .price-whole {
    font-size: 1em;
    font-weight: bold;
  }
}

/* Estilo do Título do Resultado (similar ao Google) */

.search-result-item {
  border-bottom: 1px solid #ebebeb;
}
.search-result-item .result-title {
  font-size: 16px;
  margin-top: 0;
  margin-bottom: 4px;
  line-height: 1.2;
  margin-bottom: 0;
}

.search-result-item .result-title a {
  color: #1a0dab;
  /* Cor do link do Google */
  text-decoration: none;
  font-weight: bold;
}

.search-result-item .result-url cite {
  font-size: 12px;
  color: #006621;
  font-style: normal;
  display: block;
}

.next-article a {
  font-size: 11px;
  color: #ffffff !important;
  background-color: #1a1a1a !important;
  height: 100%;
}
/* Estilo do player */
/* Estilos do Player */
#audio-player {
  background-color: #222;
  color: #fff;
  padding: 10px;
}

.amplitude-play-pause {
  background: none;
  border: none;
  color: white;
  font-size: 30px;
}
.amplitude_mute {
  background: none;
  border: none;
  color: white;
  font-size: 30px;
}
.amplitude-speed {
  background: none;
  border: none;
  color: white;
  font-size: 14px;
}
.progress-container {
  flex-grow: 1;
  margin: 0 10px;
}
.amplitude-progress-slider {
  cursor: grab;
}

.time-display {
  font-size: 10px;
}
.playlist {
  max-height: 200px;
  overflow-y: auto;
  background-color: #333;
  color: #fff;
}
.velocidade {
  vertical-align: top;
  margin-top: 3px;
  font-size: 12px;
}

/* Fim do estilo do player */

/* Estilos para a página de single do produto (opcional) */
h1.card-title.text-center.mb-3.product-title {
  font-size: 20px !important;
}

/* Ajustes para a imagem no single se necessário */
.single-produtos img {
  max-width: 100%;
  height: auto !important;
}
.single-produtos .product-card img {
  max-height: 200px; /* Define a altura máxima da imagem */
  width: auto; /* Permite que a largura se ajuste proporcionalmente */
  display: block; /* Ajuda a remover qualquer espaço extra abaixo da imagem */
  margin: 0 auto; /* Centraliza a imagem se ela for menor que a largura do contêiner */
}

/* Ajustes para o breadcrumb */
.breadcrumb {
  font-size: 0.85rem;
  padding: 0.5rem 1rem; /* Mais compacto */
}

.breadcrumb-item a {
  color: #007bff; /* Cor do link padrão do Bootstrap */
  text-decoration: none;
}

.breadcrumb-item a:hover {
  text-decoration: underline;
}

.breadcrumb-item.active {
  color: #6c757d; /* Cor do texto ativo (sem link) */
}

/* Espaçamento do conteúdo */
.entry-content p {
  line-height: 1.7;
  margin-bottom: 1rem;
}
/* Estilos para os cards de produto */
.product-card {
  border: 1px solid rgba(0, 0, 0, 0.15); /* Borda mais suave para os produtos */
  transition: all 0.2s ease-in-out;
}

.product-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; /* Efeito de sombra no hover */
}

.product-card .card-img-top {
  width: 100%;
  height: auto;
}

.product-card .card-body {
  padding: 1.25rem; /* Padding padrão do Bootstrap */
}

.product-card .card-title {
  font-size: 1.25rem; /* Tamanho do título do produto */
  margin-bottom: 0.75rem;
}

.product-card .card-title a {
  text-decoration: none;
  color: #343a40; /* Cor escura para o título */
}

.product-card .card-title a:hover {
  color: #007bff; /* Cor do link no hover */
}

.product-card .card-text {
  font-size: 0.65rem;
  color: #6c757d; /* Cor do texto da descrição */
  line-height: 1.5;
  margin-bottom: 1rem;
  /* Adiciona um limite de linhas para o excerpt, se desejar */
  display: -webkit-box;
  -webkit-line-clamp: 3; /* Limita a 3 linhas */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Paginação - Ajuste para Bootstrap */
.pagination {
  margin-top: 2rem;
}
.pagination li a,
.pagination li span {
  padding: 0.75rem 1rem;
  line-height: 1.25;
  color: #007bff;
  background-color: #fff;
  border: 1px solid #dee2e6;
  margin-left: -1px;
  text-decoration: none;
}
.pagination li:first-child a,
.pagination li:first-child span {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.pagination li:last-child a,
.pagination li:last-child span {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.pagination li.active a,
.pagination li.active span {
  z-index: 1;
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.pagination li.disabled a,
.pagination li.disabled span {
  color: #6c757d;
  pointer-events: none;
  cursor: auto;
  background-color: #fff;
  border-color: #dee2e6;
}

/* Centraliza o contêiner do formulário e define uma largura máxima */
.product-search-form {
  max-width: 600px; /* Adapte conforme necessário */
  margin: 20px auto; /* Centraliza horizontalmente e adiciona margem vertical */
  /* Você pode adicionar um background-color ou box-shadow aqui se quiser um "card" */
}

/* Ajustes para o input e botão dentro do formulário flex */
.product-search-form .form-control {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.product-search-form .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* Estilos para a página de categorias de produtos */
.category-card {
  display: flex; /* Garante que os filhos (imagem e nome) fiquem em linha */
  align-items: center; /* Alinha verticalmente imagem e nome */
  text-decoration: none;
  color: inherit; /* Mantém a cor do texto padrão */
  transition: all 0.2s ease-in-out;
  background-color: #fff; /* Fundo branco para os cartões */
  /* Borda um pouco mais escura */
  border: 1px solid rgba(0, 0, 0, 0.2); /* Aumentado de 0.125 para 0.2 */
}

.category-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; /* Um pouco mais de sombra no hover */
}

.category-image-wrapper {
  flex-shrink: 0; /* Impede que a imagem encolha */
  width: 120px; /* Largura fixa para a imagem */
  height: 120px; /* Altura fixa para a imagem */
  overflow: hidden; /* Corta a imagem se for maior */
  border-radius: 0.25rem; /* Arredonda as bordas da imagem */
  margin-right: 1rem; /* Espaço à direita da imagem */
}

.category-image {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Garante que a imagem preencha o espaço sem distorcer */
}

.category-name {
  flex-grow: 1; /* Permite que o nome da categoria ocupe o espaço restante */
  color: #333; /* Cor escura para o texto do nome */
  text-align: left; /* Alinha o texto à esquerda */
}

/* Opcional: Ajuste para telas muito pequenas, se necessário, embora o Bootstrap já cuide de muito */
@media (max-width: 575.98px) {
  /* Extra small devices (portrait phones) */
  .category-image-wrapper {
    width: 100px; /* Um pouco menor para telas pequenas */
    height: 100px;
  }
  .category-name {
    font-size: 1.2rem; /* Menor em telas pequenas */
  }
}

/*
MENU MOBILE
*/

.menu-mobile {
  padding: 10px;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.menu-mobile-item-wrapper {
  position: relative;
  padding-bottom: 100%; /* Isso faz com que a largura e a altura sejam iguais, criando um quadrado */
  height: 0;
  overflow: hidden;
  border-radius: 8px; /* Cantos arredondados */
  margin-bottom: 15px; /* Espaçamento entre os itens */
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.6);
}

.menu-mobile-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 10px;
  font-weight: 600;
  border-radius: 8px; /* Cantos arredondados */
  user-select: none; /* Evita seleção de texto */
}
.menu-mobile-item i {
  font-size: 2.5rem; /* Tamanho do ícone */
  margin-bottom: 10px;
}
.menu-mobile-item span {
  font-size: 0.9rem; /* Tamanho do texto da categoria */
  line-height: 1.2;
}

/* Cores e Estilos Específicos para a opção Gradiente Vibrante */
.estilo-gradiente .menu-mobile {
  background-color: #f5f5f5;
}
.estilo-gradiente .menu-mobile-item {
  color: #fff;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  transition: all 0.3s ease;
}
.estilo-gradiente .menu-mobile-item a {
  color: #fff;
}
.estilo-gradiente .menu-mobile-item:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: inherit;
  opacity: 0.85;
  transition: opacity 0.3s ease, transform 0.2s ease-in-out;
  border-radius: 8px;
}

/* Definição dos gradientes */
.estilo-gradiente .menu-mobile-item-1 {
  background: linear-gradient(135deg, #ff0080, #7928ca);
} /* Quente Roxo */
.estilo-gradiente .menu-mobile-item-2 {
  background: linear-gradient(135deg, #00c6ff, #0072ff);
} /* Azul Elétrico */
.estilo-gradiente .menu-mobile-item-3 {
  background: linear-gradient(135deg, #13ef93, #007849);
} /* Verde Floresta */
.estilo-gradiente .menu-mobile-item-4 {
  background: linear-gradient(135deg, #fdbb2d, #22c55e);
} /* Sol e Grama */
.estilo-gradiente .menu-mobile-item-5 {
  background: linear-gradient(135deg, rgb(241, 249, 0), rgb(255, 146, 3));
} /* Pôr do Sol */
.estilo-gradiente .menu-mobile-item-6 {
  background: linear-gradient(135deg, #ee0979, #ff6a00);
} /* Lava */
.estilo-gradiente .menu-mobile-item-7 {
  background: linear-gradient(135deg, #6dd5ed, #2193b0);
} /* Céu */
.estilo-gradiente .menu-mobile-item-8 {
  background: linear-gradient(135deg, #ffd3a5, #fd6585);
} /* Pêssego */
.estilo-gradiente .menu-mobile-item-9 {
  background: linear-gradient(135deg, #c21500, #ffc500);
} /* Inferno */

.estilo-gradiente .menu-mobile-item-10 {
  background: linear-gradient(135deg, rgb(4, 2, 2), rgb(17, 0, 124));
} /* preto azul */

.estilo-gradiente .menu-mobile-item-11 {
  background: linear-gradient(135deg, rgb(4, 2, 2), rgb(17, 0, 124));
} /* preto azul */

/* Conteúdo dentro do gradiente para garantir visibilidade */
.estilo-gradiente .menu-mobile-item > * {
  position: relative; /* Coloca o conteúdo acima do pseudo-elemento */
  z-index: 1;
}

/* BOTAO FLUTUANTE EM POSTS */
.pm-nudge-vertical {
  position: fixed;
  left: 0;
  top: 65%;
  z-index: 9999;
  width: 20px;
  padding: 8px 4px 4px;
  border: 0;
  cursor: pointer;
  background: linear-gradient(180deg, #0ea5e9, #2563eb);
  color: #fff;
  border-radius: 0 10px 10px 0;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.18);
  opacity: 0.8;
}
.pm-nudge-vertical .pm-nudge-close {
  position: absolute;
  left: 5px;
  top: 4px;
  font-size: 16px;
  opacity: 0.75;
}
.pm-nudge-vertical .pm-nudge-text {
  writing-mode: vertical-rl;
  text-orientation: mixed;
  font: 600 11px/1.1 system-ui, -apple-system, "Segoe UI", Roboto, Arial,
    sans-serif;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  margin: 6px auto;
  margin-top: 20px;
}
.pm-nudge-vertical .pm-nudge-chevrons {
  display: block;
  width: 18px;
  height: 18px;
  margin: 0px 0 0 -2px;
  fill: #fff;
  animation: pmBounce 1.2s infinite ease-in-out;
}
@keyframes pmBounce {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-4px);
  }
}
@media (prefers-reduced-motion: reduce) {
  .pm-nudge-vertical .pm-nudge-chevrons {
    animation: none;
  }
}
/* BOTAO FLUTUANTE EM POSTS */