/**
 * Custom CSS — custom.css
 *
 * Adicione aqui o seu CSS personalizado.
 * Este ficheiro é carregado DEPOIS de todos os outros estilos do tema.
 * 
 * Para editar:
 * - WP Admin → Appearance → Theme File Editor → custom.css
 * - Ou edite diretamente via FTP/cPanel
 * 
 * NÃO requer recompilar o tema (npm run build).
 */

/* ─── Compensação para Header Fixo em Links Âncora ──────────────────────────*/

html {
  scroll-padding-top: 96px;
  scroll-behavior: smooth;
}

/* ─── CSS classes personalizadas tailwdin a ser utilizadas ───────────────────────────────────────────*/

.no_max_width{
  max-width: none;
}
.max-w-\[592px\]{
  max-width: 592px;
}
.top-\[-115px\]{
  top: -115px;
}
.items-center{
  align-items: center !important;
}
.card-action{
  max-width: 592px;
}
.card-action-container .card-action .title{
  font-size: 24px;
  color: #121212;
}
.card-action-container .card-action p{
  color: #121212;
}
.flex-none{
  flex: none !important;
}
.tooltip-container{
  display: none !important;
}

/* ─── CSS Customizado do Tema ──────────────────────────────────────────────*/

.no_max_width
#main-content, .agora-main-content, .entry-content{
  margin-top: 0;
}
#main-content .container.wp-block-group-is-layout-constrained{
  padding-left: 0;
  padding-right: 0;
}
.container{
  max-width: 100% !important;
}
.wp-block-post-content{
  max-width: 100% !important;
}
.main_container {
  justify-content: center;
  margin: 0 auto !important;
  padding: 0;
  max-width: 1440px;
}

header.wp-block-template-part {
  position: sticky;
  top: 0;
  z-index: 3;
  width: 100%;
}
.agora-header .general-bar-bg{
  display: none;
}
.agora-header .navigation-bar{
  max-width: 1440px;
  width: 80%;
  margin: 0 auto;
  padding: 0;
}
.agora-header:not(.scrolling) .logo img{
  width: 241px;
  height: 94px;
}
.agora-header.scrolling .institutional-phrase-container{
  display: none;
}

.anchor_white a {
  color: #fff !important;
}
.anchor_white a:hover {
  text-decoration-color: #fff;
}

.anchor_black a {
  color: #000 !important;
}
.anchor_black a:hover {
  text-decoration-color: #000;
}

.agora_hero img {
  transform: rotate(180deg);
}

.agora_hero .wp-block-cover__background {
  background: linear-gradient(204.12deg, rgba(0, 0, 0, 0) 31.7%, rgba(0, 0, 0, 0.65) 85.51%) !important;
}

.agora_hero .hero_anchor .agora-anchor {
  font-size: 16px;
  min-height: 28px;
  padding: 0 !important;
}

p.paragrafos-politica {
 padding-left:32px !important;
 padding-right:32px !important;
}

@media (max-width: 781px) {
p.paragrafos-politica {
 padding-left:0 !important;
 padding-right:0 !important;
 }
}

.heading-politica {
 padding-left:32px !important;
 padding-right:32px !important;
}

@media (max-width: 781px) {
.heading-politica  {
 padding-left:0 !important;
 padding-right:0 !important;
 }
}

/* ─── section 1 ────────────────────────────────────────────── */
/* ─── Card Action Horizontal ────────────────────────────────────────────── */

/* Preservar quebras de linha na descrição */
.card-action p {
  white-space: pre-line; /* Preserva quebras de linha do textarea */
}
.card_section1 .card-action-container .card-action{
  padding: 0;
}
.card_section1 .card-action-horizontal .card-action-image {
  flex-shrink: 0;
  object-fit: contain;
  margin-right: 124px;
  max-width: 395px;
}
.card_section1 .card-action-horizontal .card-action {
  justify-content: center;
}
.card_section1 .card-action-horizontal .card-action .title {
  display: none;
}
.card_section1 .card-action-horizontal .card-action p, .card_section1 .card-action-horizontal .card-action button {
  color: #121212;
  font-size: 20px;
  font-style: italic;
  line-height: 160%;
}
.card_section1 .card-action-horizontal .card-action>.w-full{
  margin-top: 0;
}
.card_section1 .card-action-horizontal .card-action button{
  background-color: transparent;
  padding: 0;
  cursor: default;
  pointer-events: none;
  border-width: 0;
  min-height: auto;
}
.card_section1 .card-action-horizontal .card-action button:focus, .card_section1 .card-action-horizontal .card-action button:active{
  box-shadow: none;
}
.card_section1 .card-action-horizontal .card-action button span{
  font-weight: 700;
  font-size: 20px;
}
@media (max-width: 781px) {
  .agora_hero .wp-block-columns:not(.main_container){
    gap: 5px;
  }

.card-general .content>div{ 
  padding-right: 0!important; padding-left: 0 !important; 
}

  .card_section1 .card-action-container{
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .card_section1 .card-action-horizontal .card-action-image{
    margin-right: 0;
    margin-bottom: 48px;
  }
  .card_section1 .card-action-horizontal .card-action{
    padding: 0;
  }
  .card_section1 .card-action-horizontal .card-action button{
    justify-content: flex-start;
  }
}

.agora-list {
  margin-left:16px; 
}
@media (max-width: 768px) {
.agora-list {
  margin-left:0px; 
 }
}

/* ─── video ────────────────────────────────────────────── */
#video_container, #video_container>iframe{
  height: calc(100dvh - 96px) !important;
}

/* ─── section 2 ────────────────────────────────────────────── */
/* ─── Card Action Tag ────────────────────────────────────────────── */

.card_no_button button{
  display: none;
}
.card_no_description p{
  display: none;
}
.card_tag_container{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
  margin-top: 32px !important;
}
@media (max-width: 1250px) {
  .card_tag_container{
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 780px) {
  .card_tag_container{
    grid-template-columns: 1fr;
    gap: 24px;
    margin-top: 24px !important;
  }
}
.card_tag{
  min-width: 315px;
  height: 104px;
  margin-top: 0;
}
.card_tag .card-action-container{
  padding: 24px;
  border-radius: 20px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.card_tag .card-action-container .card-action{
  padding: 0;
}
.card_tag .card-action-container .card-action div:nth-of-type(2){
  margin: 0;
}
.card_tag.card1 .card-action-container{
  background: linear-gradient(180deg, #31CBB0 0%, #AAFFF5 100%);
}
.card_tag.card2 .card-action-container{
  background: linear-gradient(173.23deg, #37CDB7 -16.15%, #70D4FA 39.73%, #D3EEFF 94.07%);
}
.card_tag.card3 .card-action-container{
  background: linear-gradient(172.12deg, #4C68FF -4.07%, #73B6FE 47.37%, #D9F0FF 109.52%);
}
.card_tag.card4 .card-action-container{
  background: linear-gradient(175.54deg, rgba(115, 54, 180, 0.8) -14.09%, rgba(231, 104, 210, 0.8) 40.17%, rgba(242, 126, 63, 0.8) 133.76%);
}
.card_tag.card5 .card-action-container{
  background: linear-gradient(172.65deg, #F07101 -6.26%, #F49C40 43.44%, #FFE2A7 93.32%);
}
.card_tag .card-action-container .title{
  margin: 0 0 0 24px;
}
.card_tag img{
  width: 56px !important;
  height: 56px !important;
}

/* ─── section 3 ────────────────────────────────────────────── */

.img_section3 img{
  max-width: 458px;
  width: 100%;
}
@media (max-width: 1200px) {
  .section3_content_container>p{
    margin-bottom: 30px !important;
  }
  .section3_content_container figure{
    margin-left: 0px !important;
  }
}

/* ─── section 5 ────────────────────────────────────────────── */

.card-section5.bg-light-grey-apc .card-action-container{
  background-color: #F7F6F3;
}
.card-section5 .card-action-container .card-action-image{
    width: 93px;
    height: 100px;
    object-fit: contain;
    margin-right: 74px;
}
.card-section5 .card-action-container .card-action{
    padding: 0;
}
.card-section5 .card-action>.w-full{
  margin-top: 0;
}
@media (max-width: 768px) {
  .card-section5 .card-action-container .card-action-image{
    margin-right: 0;
    margin-bottom: 24px;
  }
}

/* ─── section 6 ────────────────────────────────────────────── */
/* ─── Card Action ────────────────────────────────────────────── */

.card_section6 a {
  min-height: auto;
  padding: 0;
  color: #121212;
}
.card_section6 .card-image {
  flex-shrink: 0;
  object-fit: contain;
  margin-right: 32px !important;
  max-width: 210px;
}
.card_section6 a:hover, .card_section6 a:active{
  color: #121212 !important;
  text-decoration-color: #121212 !important;
}
.card_section6 a svg, .card_section6 a:active svg{
  fill: #121212 !important;
}

.card_section6.card4 {
  margin-top: 112px;
}
.card_section6.card5 {
  margin-top: 48px;
}
.card_section6.card4 .card-image{
  padding: 20px 37px;
}
.card_section6.card5 .card-image{
  padding: 20px 45px;
}

.card_section6.card5 a{
  color: #218372 !important;
}
.card_section6.card5 a:hover, .card_section6.card5 a:active{
  color: #218372 !important;
  text-decoration-color: #218372 !important;
}
.card_section6.card5 a svg, .card_section6.card5 a:active svg{
  fill: #218372 !important;
}

/* ─── section6 - media queries ────────────────────────────────────────────── */

@media (max-width: 1200px) {
  .section6.main_container {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
}
@media (max-width: 992px) {
  .card_section6:not(.card4):not(.card5){
    padding: 32px !important;
  }
  .card_section6.card4 {
    margin-top: 48px !important;
  }
}
@media (max-width: 781px) {
  .section6.main_container {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .card_section6.card4 {
    margin-top: 80px !important;
  }
  .card_section6.card5 {
    margin-top: 64px;
  }
  .card_section6 .card-image {
    margin-right: 0px !important;
    margin-bottom: 24px !important;
  }
  .card_section6.card4 .card-image, .card_section6.card5 .card-image{
    padding-bottom: 0;
    padding-left: 0;
  }
}

/* ─── footer ────────────────────────────────────────────── */

footer{
  margin-top: 0;
}
.footer_social_icon_container{
  width: 56px;
  height: 56px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.agora-back-to-top-fixed-block button, .agora-back-to-top-fixed-block button:hover{
  background-color: rgba(55, 205, 183, 1) !important;
}



/* ─── media queries padding e margins  ────────────────────────────────────────────── */
/* ─── general  ────────────────────────────────────────────── */

@media (max-width: 1200px) {
  .colapse_on_tablet {
    flex-direction: column !important;
  }
}
@media (max-width: 768px) {}

/* ─── hero section  ────────────────────────────────────────────── */

@media (max-width: 1200px) {
  .agora_hero .main_container{
    padding-top: 251px !important;
    padding-bottom: 50px !important;
  }
}
@media (max-width: 768px) {
  .agora_hero .main_container{
    padding-top: 128px !important;
    padding-bottom: 32px !important;
  }
}

/* ─── section1 ────────────────────────────────────────────── */

@media (max-width: 1200px) {
  .main_container.section1 {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }
  .card_section1 .card-action-horizontal .card-action-image{
    margin-right: 32px;
  }
}
@media (max-width: 768px) {
  .main_container.section1 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .card_section1 .card-action-horizontal .card-action-image{
    margin-right: 0;
  }
}

/* ─── section2 ────────────────────────────────────────────── */

@media (max-width: 1200px) {
  .main_container.section2_part1>.wp-block-column>.wp-block-columns>.wp-block-column:nth-of-type(1) {
    padding-top: 24px !important;
    padding-bottom: 0px !important;
  }
  .main_container.section2_part2>.wp-block-column>.wp-block-columns {
    padding-top: 0 !important;
  }
  .main_container.section2_part2>.wp-block-column>.wp-block-columns>.wp-block-column {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 24px !important;
  }
  .section2_part3.main_container {
    padding-bottom: 48px !important;
  }
}
@media (max-width: 768px) {
  .main_container.section2_part1>.wp-block-column>.wp-block-columns>.wp-block-column:nth-of-type(1) {
    padding-top: 56px !important;
    padding-bottom: 0px !important;
  }
  .main_container.section2_part2>.wp-block-column>.wp-block-columns {
    padding-top: 32px !important;
  }
  .main_container.section2_part2>.wp-block-column>.wp-block-columns>.wp-block-column {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 56px !important;
  }
  .section2_part3.main_container {
    padding-bottom: 80px !important;
  }
}

/* ─── section3 ────────────────────────────────────────────── */

@media (max-width: 1200px) {
  .main_container.section3 {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .main_container.section3>.wp-block-column>.wp-block-columns>.wp-block-column:nth-of-type(2) {
    justify-content: center !important;
  }
}
@media (max-width: 768px) {
  .main_container.section3 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
}

/* ─── section4 ────────────────────────────────────────────── */

.section4_part2 .agora-list>li>.list-items{
  color: #121212;
}
@media (max-width: 1200px) {
  .section4_part1.main_container>.wp-block-column>.wp-block-columns {
    padding-top: 48px !important;
    padding-bottom: 24px !important;
  }
  .section4_part2.main_container>.wp-block-column>.wp-block-columns {
    padding-top: 24px !important;
    padding-bottom: 48px !important;
    align-items: flex-start !important;
  }
  .section4_part2.main_container>.wp-block-column>.wp-block-columns>.wp-block-column {
    padding-left: 0 !important;
  }
}
@media (max-width: 768px) {
  .section4_part1.main_container>.wp-block-column>.wp-block-columns {
    padding-top: 80px !important;
    padding-bottom: 40px !important;
  }
  .section4_part2.main_container>.wp-block-column>.wp-block-columns {
    padding-top: 40px !important;
    padding-bottom: 80px !important;
  }
}

/* ─── footer ────────────────────────────────────────────── */

@media (max-width: 1200px) {
  footer .social_container{
    border-right-width: 0px !important;
  }
  footer .colapse_on_tablet>.wp-block-column:nth-of-type(1){
    justify-content: center;
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  footer .colapse_on_tablet>.wp-block-column:nth-of-type(2){
    padding-top: 32px !important;
    padding-bottom: 32px !important;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    padding-left: 10%;
  }
  footer .colapse_on_tablet>.wp-block-column:nth-of-type(2)>.wp-block-columns>.wp-block-column{
    display: flex;
    flex-direction: column;
  }
  footer .colapse_on_tablet>.wp-block-column:nth-of-type(2)>.wp-block-columns>.wp-block-column .anchor_white{
    margin-left: 0 !important;
  }
  footer>.wp-block-columns:nth-of-type(3) .main_container>.wp-block-column{
    flex-basis: 100% !important;
  }
  footer .privacy_container{
    border-top-width: 2px;
    border-top-color: #e1e4ea1a;
  }
  footer>.wp-block-columns:nth-of-type(3) .main_container>.wp-block-column>.wp-block-columns{
    gap: 0 !important;
  }
  .agora-back-to-top-general-block{
    top: 185px !important;
  }
}
@media (max-width: 560px) {
  .agora-back-to-top-general-block{
    top: 215px !important;
  }
}

/* ─── animations ────────────────────────────────────────────── */

.scroll-children .card-action {
  opacity: 0;
  transform: translateX(100px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1) !important;
}

.scroll-children.is-visible .card-action {
  opacity: 1;
  transform: translateX(0);
}