@font-face { font-family: "Baloo2Sb"; src: url("../assets/fonts/Baloo2-SemiBold.ttf"); }
@font-face { font-family: "Baloo2Bd"; src: url("../assets/fonts/Baloo2-Bold.ttf"); }
@font-face { font-family: "Baloo2R"; src: url("../assets/fonts/Baloo2-Regular.ttf"); }

.materials-page-container { flex-wrap:wrap; box-sizing:border-box; justify-content:space-evenly; padding:300px 9vw 6vw; gap:30px; background-image:linear-gradient(to bottom right,#ffffff,#e1f1f1); }
.materials-page-container::after { content:""; width:300px; height:200px; position:absolute; background-image:url(../assets/img/points-image.png); top:350px; left:0; }
.text-img img { padding-right:6%; }
.title { display:flex; flex-direction:column; padding-bottom:60px; }
.title h1 { font-size:36px; }
.title p { font-style:italic; font-size:20px; }
.text-img { flex-direction:row; align-items:center; display:flex; }
p { margin:0 0 16px 0; }
a { color:inherit; text-decoration:none; }
.midia { margin-top:60px; margin-bottom:60px; display:flex; justify-content:center; position:relative; flex-direction:column; }
.swiper-container { width:100vw; }
.swiper-slide { text-align:center; font-size:18px; background:transparent; width:auto; padding-bottom:10px; }
.swiper-pagination-bullet-active { background-color:#38383d; }
.swiper-pagination-bullet { height:15px; padding-left:10px; width:15px; text-align:right; }
.swiper-pagination { width:100%; bottom:80px !important; padding-right:30px; box-sizing:border-box; text-align:right; }

/* ─── Card do carousel: coluna para empilhar ─── */
.swiper-slide .materials-item,
.materials-item {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}

.materials-item > .materials-title {
  background-image:linear-gradient(#496a3c,#6b9a32);
  box-sizing:border-box; min-height:270px !important; color:white;
  background-size:cover !important; background-position:center center !important;
  display:block !important; width:100%;
}

/* Título */
.materials-description {
  padding:10px 0 4px; font-family:"Baloo2Sb";
  line-height:1.3em; font-size:17px; text-align:left; color:#2e4a25; margin:0;
}

/* ─── Data: bloco ACIMA do botão ─── */
.news-date-carousel {
  display: block !important;
  font-family:"Baloo2R"; font-size:12px; color:#888;
  letter-spacing:0.04em; padding:5px 0 7px; width:100%;
}

/* ─── Botão VER MAIS ─── */
.see-more {
  display: inline-block !important;
  font-family:"Baloo2Bd"; color:#fff; background-color:#1a1a1a !important;
  border-radius:3em; font-size:13px; padding:5px 16px;
  border:1px #53784b solid; letter-spacing:0.1em; text-align:center;
  cursor:pointer; margin-top:4px; transition:background-color 0.2s ease;
}
.see-more:hover { background-color:#333 !important; }

.wp-block-image { float:right; }
.wp-block-columns { display:flex; }

@media (max-width:1200px) {
  .materials-page-container { padding:200px 9vw 6vw; }
  .materials-page-container::after { display:none; }
  .wp-block-columns { flex-direction:column; }
  .wp-block-image figure img,.wp-block-image img { width:300px; height:unset; }
  .wp-block-image { justify-content:center; display:flex; float:unset; }
}