/* ----------------------------------------------------------------
   Custom CSS
-----------------------------------------------------------------*/

/* =================================================================
   1. Global Link Transitions
   ================================================================= */

/* Transição global para todos os links */
a {
  color: inherit;
  text-decoration: none;
  transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, transform 0.3s ease;
}

a:hover {
  text-decoration: none;
}

/* =================================================================
   2. Buttons with Transitions
   ================================================================= */

.btn-pollon {
  background-color: #FFD200;
  border-color: #FFD200;
  color: #12531C;
  font-weight: 600;
  padding: 1rem 2rem;
  border-radius: 30px;
  text-transform: uppercase;
  letter-spacing: 1px;
  transition: background-color 0.3s ease, border-color 0.3s ease;
}

.btn-pollon:hover { 
  background-color: #E6C100; 
  border-color: #E6C100;
}

/* YouTube CTA */
.btn-cta-youtube {
  background-color: #12531C;
  border-color: #12531C;
  color: #ffffff;
  transition: background-color 0.3s ease, border-color 0.3s ease;
}

.btn-cta-youtube:hover,
.btn-cta-youtube:focus {
  background-color: #12531C;
  border-color: #12531C;
}

/* =================================================================
   3. Entry Links with Transitions
   ================================================================= */

.entry-title h5 a {
  color: #12531C;
  font-weight: 600;
  transition: color 0.3s ease;
}

.entry-title h5 a:hover {
  color: #209231 !important;
}

/* Secondary news title links */
.secondary-news-card .entry-title h5 a.secondary-news-title {
  color: #12531C !important;
  text-decoration: none;
  font-weight: 600;
  line-height: 1.4;
  transition: color 0.3s ease;
}

.secondary-news-card .entry-title h5 a.secondary-news-title:hover {
  color: #209231 !important;
  text-decoration: none;
}

/* =================================================================
   4. More Link with Transitions
   ================================================================= */

.more-link {
  color: #12531C;
  border-color: #12531C;
  font-weight: 500;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.more-link:hover {
  background-color: #12531C;
  color: #ffffff;
}

.secondary-news-card .more-link {
  color: #12531C !important;
  border-color: #12531C !important;
  font-weight: 500;
  text-decoration: none;
  margin-top: auto;
  align-self: flex-start;
  width: auto;
  display: inline-block;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.secondary-news-card .more-link:hover {
  background-color: #12531C !important;
  color: #fff !important;
}

/* Timeline Entry Visibility */
.post-timeline .entry-visible .entry-timeline,
.post-timeline .entry-visible .timeline-divider {
  border-color: var(--cnvs-themecolor);
  color: var(--cnvs-themecolor);
}

/* Timeline Entry Animation */
.post-timeline .entry {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.post-timeline .entry.entry-visible {
  opacity: 1;
  transform: none;
}

/* =================================================================
   5. Card Overlay Links with Transitions
   ================================================================= */

.card-img-overlay a {
  color: #ffffff !important;
  text-decoration: none !important;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.8);
  transition: color 0.3s ease, text-shadow 0.3s ease;
}

.card-img-overlay a:hover {
  color: #FFD200 !important;
  text-decoration: none !important;
  text-shadow: 2px 2px 4px rgba(0,0,0,0.9);
}

/* =================================================================
   6. Section Title Links with Transitions
   ================================================================= */

.section-title-link {
  color: #12531C !important;
  text-decoration: none !important;
  transition: color 0.3s ease;
}

.section-title-link:hover {
  color: #209231 !important;
  text-decoration: none !important;
}

/* =================================================================
   7. Pagination Links with Transitions
   ================================================================= */

.pagination-circle .page-item .page-link {
  color: #12531C;
  border-color: #12531C;
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}

.pagination-circle .page-item .page-link:hover {
  background-color: #12531C;
  border-color: #12531C;
  color: #ffffff;
}

.pagination-circle .page-item.active .page-link {
  background-color: #12531C;
  border-color: #12531C;
  color: #ffffff;
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}

/* =================================================================
   8. Badge Transitions
   ================================================================= */

.regular-category-badge {
  background-color: #12531C !important;
  color: #FFD200 !important;
  font-weight: 600;
  font-size: 0.75rem;
  padding: 0.35rem 0.75rem;
  border-radius: 15px;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  transition: transform 0.3s ease;
}

.regular-category-badge:hover {
  transform: scale(1.05);
}

.featured-category-badge {
  background-color: #FFD200 !important;
  color: #12531C !important;
  font-weight: 600;
  font-size: 0.875rem;
  padding: 0.5rem 1rem;
  border-radius: 20px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  z-index: 3;
}

.secondary-category-badge {
  background-color: #FFD200 !important;
  color: #12531C !important;
  font-weight: 600;
  font-size: 0.75rem;
  padding: 0.35rem 0.75rem;
  border-radius: 15px;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  z-index: 3;
}

/* =================================================================
   9. Card and Image Transitions
   ================================================================= */

/* Card overlay effects with transitions - CARDS ESTÁTICOS */
.card.position-relative {
  transition: none; /* Remove transição do card */
}

.card.position-relative:hover {
  transform: none; /* Remove movimento do card */
  box-shadow: 0 2px 8px rgba(0,0,0,0.1); /* Mantém sombra original */
}

.card.position-relative .card-img {
  transition: transform 0.5s ease;
}

.card.position-relative:hover .card-img {
  transform: scale(1.05);
}

/* Secondary news cards - CARDS ESTÁTICOS */
.secondary-news-card {
  background: #fff;
  padding: 0;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  transition: none; /* Remove transição do card */
  overflow: hidden;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.secondary-news-card:hover {
  box-shadow: 0 2px 8px rgba(0,0,0,0.1); /* Mantém sombra original */
  transform: none; /* Remove movimento do card */
}

.secondary-news-thumb {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  transition: transform 0.5s ease;
}

.secondary-news-image:hover .secondary-news-thumb {
  transform: scale(1.05);
}

/* =================================================================
   10. Entry Grid Transitions - CARDS ESTÁTICOS
   ================================================================= */

.entry .grid-inner {
  background: #ffffff;
  border-radius: 8px;
  padding: 1.5rem;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  transition: none; /* Remove transição do card */
}

.entry .grid-inner:hover {
  box-shadow: 0 2px 8px rgba(0,0,0,0.1); /* Mantém sombra original */
  transform: none; /* Remove movimento do card */
}

.article-thumb {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 8px;
  transition: transform 0.5s ease;
}

.entry-image:hover .article-thumb {
  transform: scale(1.05);
}

/* =================================================================
   1. Typography & Base Styles
   ================================================================= */
body,
h1, h2, h3, h4, h5, h6,
p, a, button, input, select, textarea {
  font-family: 'Montserrat', sans-serif;
}

a {
    color: #12531C !important;
}

.text-yellow {
  color: #FFD200 !important;
}

/* =================================================================
   2. Buttons
   ================================================================= */
.btn-pollon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 500px;
  height: 90px;
  background-color: #FFD200;
  color: #12531C !important;
  border-radius: 14px;
  border: none;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 900 !important;
  font-size: 22px;
  line-height: 34px;
  letter-spacing: 0;
  text-transform: none;
  text-decoration: none !important;
  padding: 0;
  cursor: pointer;
  transition: background-color .2s ease;
}

.btn-pollon:hover { background-color: #E6C100; }

/* YouTube CTA */
.btn-cta-youtube {
  background: #12531C;
  color: #FFFFFF !important;
  border: none;
  font-size: 1.25rem !important;
  font-weight: 600 !important;
  transition: transform .15s ease-in-out, box-shadow .15s;
}
.btn-cta-youtube:hover,
.btn-cta-youtube:focus {
  transform: scale(1.05);
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
}

/* =================================================================
   3. Sections – Layout & Backgrounds
   ================================================================= */

/* Section: Quem */
#section-quem {
  background: #12521D url("/static/one-page/images/hero-flag.jpg") center/cover no-repeat;
  position: relative;
  padding-top: 100px;
}
#section-quem::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 20px;
  width: 200px;
  background: url("/static/img/pollon_foto_microfone_flag.png") no-repeat right bottom;
  background-size: contain;
  pointer-events: none;
  z-index: 1;
}

/* Section: Redes Sociais */
#section-redes {
  background-color: #12531C !important;
  padding: 2rem 0;
}
#section-redes h2 { color: #FFD200 !important; }

/* Section: Biografia */
.section-biografia {
  height: 400px !important;
  background-color: #12531C !important;
  z-index: 2;
}
.section-biografia .section-image {
  position: relative;
  overflow: hidden;
}
.section-biografia .img-biografia {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  -webkit-clip-path: polygon(30% 0%, 100% 0%, 100% 100%, 0% 100%);
          clip-path: polygon(30% 0%, 100% 0%, 100% 100%, 0% 100%);
}
.section-biografia-text-pollon { color: #FFD200 !important; }

/* Section: Timeline */
#section-timeline { background-color: #ffffff; padding: 4rem 0; }
#section-timeline .row { display: flex; flex-wrap: wrap; }
#section-timeline .col-text { flex: 0 0 50%; max-width: 50%; padding-right: 1.5rem; }
#section-timeline .col-images { flex: 0 0 50%; max-width: 50%; position: relative; }

.deputy-title {
  font-family: 'Montserrat', sans-serif;
  font-size: 36px;
  font-weight: 700;
  color: #12531C;
  margin-bottom: 1rem;
}

.images-wrapper { position: relative; width: 100%; min-height: 300px; }
.images-wrapper img {
  position: absolute;
  width: 60%;
  height: auto;
  object-fit: cover;
  border: 4px solid #fff;
}
.images-wrapper img:nth-child(1) { top: 0; left: 0; z-index: 2; }
.images-wrapper img:nth-child(2) { bottom: 0; right: 0; z-index: 1; }

/* Section: YouTube */
#section-youtube { background-color: #FFD200 !important; padding: 4rem 0; }
#section-youtube p{
  color: #12531C !important;
  font-size: 1.25rem !important;
  font-weight: 600 !important;
}

/* Section: Amendments KPI */
#section-amendments-kpi { background-color: #12531C !important; padding: 4rem 0; }

/* Section Titles */
.section-quem-title {
  font-family: 'Montserrat', sans-serif;
  font-size: 64px;
  font-weight: bold;
  color: #FFD200 !important;
  margin-bottom: 1.5rem;
}
.section-quem-desc {
  font-family: 'Roboto', sans-serif;
  font-size: 1.25rem;
  color: #ffffff;
  margin-bottom: 1.5rem;
}
.section-quem-text { color: #ffffff; }
.pollon-section-title {
  font-family: 'Montserrat', sans-serif !important;
  color: #12531C !important;
}

/* =================================================================
   4. Cards & Thumbnails
   ================================================================= */
.card-img-wrapper { height: 140px; overflow: hidden; }
.card-img-wrapper .card-img-top {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

/* Entry Image - Formato 16:9 padronizado */
.entry-image {
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
  border-radius: 8px;
}

.article-thumb {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  transition: transform 0.3s ease;
}

.entry-image:hover .article-thumb {
  transform: scale(1.05);
}

/* Entry Grid Style */
.entry .grid-inner {
  background: #fff;
  padding: 0;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  transition: box-shadow 0.3s ease;
  overflow: hidden;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.entry .grid-inner:hover {
  box-shadow: 0 4px 16px rgba(0,0,0,0.15);
}

.entry-title h5 {
  font-weight: 600;
  line-height: 1.4;
  margin-bottom: 0;
}

.entry-title h5 a {
  color: #12531C !important;
  text-decoration: none;
}

.entry-title h5 a:hover {
  color: #12531C !important;
}

.entry-meta ul li {
  color: #6c757d;
  font-size: 0.875rem;
}

/* Remove separadores dos meta dados */
.entry-meta.no-separator ul li::before {
  display: none !important;
}

.entry-content {
  padding: 0 1.5rem 1.5rem;
  margin-top: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.entry-content p {
  flex-grow: 1;
  margin-bottom: 1rem !important;
}

.entry-title,
.entry-meta {
  padding: 0 1.5rem;
}

.more-link {
  color: #12531C !important;
  border-color: #12531C !important;
  font-weight: 500;
  text-decoration: none;
  margin-top: auto;
  align-self: flex-start;
  width: auto;
  display: inline-block;
}

.more-link:hover {
  background-color: #12531C !important;
  color: #fff !important;
}

/* Pagination Circle Style */
.pagination-circle .page-item.active .page-link {
  background-color: #12531C !important;
  border-color: #12531C !important;
  color: #FFD200 !important;
}

.pagination-circle .page-item .page-link {
  color: #12531C !important;
  border-color: #12531C !important;
}

.pagination-circle .page-item .page-link:hover {
  background-color: #209231 !important;
  border-color: #209231 !important;
  color: #FFD200 !important;
}

.pagination-circle .page-item.disabled .page-link {
  color: #6c757d !important;
  border-color: #dee2e6 !important;
}

/* Card overlay effects (mantidos para featured articles) */
.card.position-relative {
  overflow: hidden;
}

.card.position-relative .card-img {
  transition: transform 0.3s ease;
}

.card.position-relative:hover .card-img {
  transform: scale(1.1);
}

.card.position-relative::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.1) 100%);
  pointer-events: none;
  z-index: 1;
}

.card-img-overlay {
  z-index: 2;
}

.card-img-overlay a {
  color: #ffffff !important;
  text-decoration: none !important;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.8);
}

.card-img-overlay a:hover {
  color: #FFD200 !important;
  text-decoration: none !important;
}

.card-img-overlay .text-white-50 {
  color: rgba(255,255,255,0.85) !important;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.8);
}


/* =================================================================
   4.1. Secondary News Cards - Específico para cards da segunda seção
   ================================================================= */

/* Container do card secundário */
.secondary-news-card {
  background: #fff;
  padding: 0;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  transition: none; /* Remove transição do card */
  overflow: hidden;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.secondary-news-card:hover {
  box-shadow: 0 2px 8px rgba(0,0,0,0.1); /* Mantém sombra original */
}

/* Wrapper da imagem secundária */
.secondary-news-image {
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
  border-radius: 8px;
  position: relative;
}

.secondary-news-image a {
  display: block;
  width: 100%;
  height: 100%;
}

/* Thumbnail da notícia secundária */
.secondary-news-thumb {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  transition: transform 0.3s ease;
}

.secondary-news-image:hover .secondary-news-thumb {
  transform: scale(1.05);
}

/* Título da notícia secundária */
.secondary-news-title {
  color: #12531C !important;
  text-decoration: none;
  font-weight: 600;
  line-height: 1.4;
  transition: color 0.3s ease;
}

.secondary-news-card .entry-title h5 .secondary-news-title:hover {
  color: #209231 !important;
  text-decoration: none;
}

/* Ajustes específicos para o layout dos cards secundários */
.secondary-news-card .entry-title,
.secondary-news-card .entry-meta {
  padding: 0 1.5rem;
}

.secondary-news-card .entry-content {
  padding: 0 1.5rem 1.5rem;
  margin-top: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.secondary-news_card .entry-content p {
  flex-grow: 1;
  margin-bottom: 1rem !important;
}

.secondary-news-card .more-link {
  color: #12531C !important;
  border-color: #12531C !important;
  font-weight: 500;
  text-decoration: none;
  margin-top: auto;
  align-self: flex-start;
  width: auto;
  display: inline-block;
}

.secondary-news-card .more-link:hover {
  background-color: #12531C !important;
  color: #fff !important;
}

/* Remove separadores dos meta dados nos cards secundários */
.secondary-news-card .entry-meta.no-separator ul li::before {
  display: none !important;
}

.secondary-news-card .entry-meta ul li {
  color: #6c757d;
  font-size: 0.875rem;
}

/* =================================================================
   4.2. Category Badges - Badges de categoria para os cards
   ================================================================= */

/* Badge da notícia principal (featured) */
.featured-category-badge {
  background-color: #FFD200 !important;
  color: #12531C !important;
  font-weight: 600;
  font-size: 0.875rem;
  padding: 0.5rem 1rem;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  z-index: 3;
}

/* Badge das notícias secundárias (lado direito) */
.secondary-category-badge {
  background-color: #FFD200 !important;
  color: #12531C !important;
  font-weight: 600;
  font-size: 0.75rem;
  padding: 0.35rem 0.75rem;
  border-radius: 6px;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  z-index: 3;
}

/* Badge dos cards regulares (segunda seção) */
.regular-category-badge {
  background-color: #12531C !important;
  color: #FFD200 !important;
  font-weight: 600;
  font-size: 0.75rem;
  padding: 0.35rem 0.75rem;
  border-radius: 6px;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  transition: transform 0.2s ease;
}

/* Ajuste para garantir que os badges fiquem acima das imagens */
.position-relative .badge {
  z-index: 3;
}

/* =================================================================
   5. Links Úteis
   ================================================================= */
.link-item {
  position: relative;
  width: 100%;
  height: 50px;
  padding: .75rem 1rem;
  gap: .25rem;
  color: #12531C !important;
  background-color: #f8f9fa;
  border: 1px solid #12531C !important;
  transition: background-color .2s ease;
}
.link-item:hover {
  background-color: #e9ecef;
  color: #ffffff !important;
  text-decoration: none;
  cursor: pointer;
}
.link-item .button-icon { flex: 0 0 auto; }
.link-item .link-title {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-weight: 700;
  white-space: nowrap;
  pointer-events: none;
}
.link-desc {
  display: none;
  position: absolute;
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
  max-width: 260px;
  margin-left: .75rem;
  padding: .5rem .75rem;
  font-size: .875rem;
  color: #ffffff;
  background: #000000;
  border-radius: .25rem;
  white-space: normal;
  z-index: 10;
}
.link-item:hover .link-desc { display: block; }

/* 2. O watermark em si – deixa "solto" no tamanho natural */
.section-watermark {
  position: absolute;
  top: 250px;
  left: 50%;
  transform: translate(-50%, -20%);

  height: auto;
  max-width: none;
  pointer-events: none;
}

@media (max-width: 991.98px) {
#wrapper {                  /* ajuste o seletor conforme seu layout */
  position: relative;
  overflow-x: hidden;       /* corta só o excedente lateral */
  /* mantém overflow-y padrão para não recortar a parte inferior */
}
}

/* =================================================================
   6. Footer & Copyright
   ================================================================= */
#footer {
  background-color: #072F0E !important;
  color: #FFD200 !important;
  padding: 2rem 0;
}
#footer a { color: #FFD200 !important; }
#footer .col-md-4.text-center.text-md-start {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#footer .col-md-4.text-center.text-md-start img {
  margin-left: 0;
  margin-right: 0;
}

#copyrights {
  background-color: transparent;
  color: #FFD200 !important;
  padding: 1rem 0;
}

.bg-default { background-color: #072F0E !important; }

/* =================================================================
   7. Responsive Overrides
   ================================================================= */
@media (min-width: 992px) {
  #section-timeline { position: relative; z-index: 100; background-color: transparent !important; }
  #section-timeline-2 { position: relative; z-index: 1; background-color: transparent !important; top: -170px; }
  .section-image-right { display: flex; justify-content: center; align-items: center; }
  .section-image-right .img-fluid { max-width: 40%; height: auto; }
}

@media (max-width: 768px) {
  #section-quem { padding-top: 20px !important; }
  #section-quem::after { width: 120px; right: 10px; }
  .section-quem-title { font-size: 2.5rem !important; margin-bottom: 1rem; }
  .section-quem-desc { font-size: 1rem !important; margin-bottom: 1rem; }
  .btn-pollon {
    width: 90% !important;
    max-width: 350px !important;
    margin: 20px auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 90px !important;
    line-height: normal !important;
  }
}

/* =================================================================
   8. Utility Classes & Misc
   ================================================================= */

/* Hover effect para títulos de seção com link */
.section-title-link {
  color: #12531C !important;
  text-decoration: none !important;
  transition: color 0.3s ease;
}

.section-title-link:hover {
  color: #209231 !important;
  text-decoration: none !important;
}

.entry-categories {
  position: absolute;
  bottom: 10px;
  left: 10px;
  text-transform: capitalize;
}
.entry-categories a {
  color: #ffffff !important;
  padding: 3px 5px;
  font-size: 10px;
  border-radius: 2px;
  text-transform: uppercase;
}
.fluid-width-video-wrapper { width: 100%; position: absolute !important; padding: 0; }
.icon-mask {
  width: 2rem;
  height: 2rem;
  mask: var(--icon-url) center / contain no-repeat;
  -webkit-mask: var(--icon-url) center / contain no-repeat;
  background-color: currentColor;
}
.button-icon-effect .icon-mask { --cnvs-btn-icon-margin-offset: .25rem; }
.button-icon-effect.button-icon-flip-y .icon-mask { animation: buttonIconSlideUp 0.3s ease; }
.button-icon-effect.button-icon-flip-y:hover .icon-mask { animation: buttonIconSlideDown 0.5s forwards; }

/* =================================================================
   11. News Detail Page Adjustments
   ================================================================= */

/* Remover ou comentar esta regra */
/*
#section-noticia .container {
  max-width: 800px !important;
}
*/

/* Ajuste dos badges na página de detalhes */
#section-noticia .badge.bg-success {
  background-color: #12531C !important;
  color: #FFD200 !important;
}

#section-noticia .badge.bg-secondary {
  background-color: #12531C !important;
  color: #FFD200 !important;
}

/* Ajuste dos links de categoria e tags */
#section-noticia a.badge {
  color: #FFD200 !important;
  text-decoration: none;
}

#section-noticia a.badge:hover {
  color: #FFD200 !important;
  background-color: #0a3d13 !important;
}

/* Botão de logout do dashboard do membro - verde com letra amarela */
.btn-dashboard-logout {
  background-color: #12531C !important; /* verde padrão do app */
  border-color: #12531C !important;
  color: #FFD200 !important; /* amarelo padrão do app */
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-radius: 12px;
  padding: 0.75rem 2rem;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
}
.btn-dashboard-logout:hover, .btn-dashboard-logout:focus {
  background-color: #209231 !important; /* tom mais claro no hover */
  border-color: #209231 !important;
  color: #FFD200 !important;
}