@charset "UTF-8";

@media (max-width:764px) {
    .footer-text {
        font-size: 17px;
    }
    .center {
        justify-content: center !important;
        text-align: center !important;
    }
    .mobile-none {
        display: none;
    }
}

@media (min-width:765px) {
    .desktop-none {
        display: none;
    }
}

@media (min-width:765px) {
    .pad-desk {
        padding-top: 40px;
    }
}

@media (max-width:991px) {
    .lupa-none {
        display: none;
    }
    .menu-col-none {
        display: none;
    }
}

@media (min-width:0px) and (max-width:991px) {
    .tamanho-card-white {
        box-shadow: none;
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
        padding: 0;
        margin: 0;
    }
    .card-black {
        border-radius: 10px !important;
    }
    .pad {
        padding: 0 !important;
    }
    .espaco-n {
        padding-top: 25px;
    }
    .start {
        justify-content: start !important;
    }
}

@media (min-width:0px) and (max-width:400px) {
    .comentarios-inpt input[type="text"] {
        font-size: 12px;
    }
}

@media (min-width:992px) and (max-width:1200px) {
    .link-li li a {
        padding-left: 7px !important;
        padding-right: 7px;
    }
}

@media (min-width:1200px) and (max-width:1400px) {
    .link-li li a {
        padding-left: 7px !important;
        padding-right: 7px;
    }
}

@media (min-width:992px) and (max-width:1399px) {
    .esp-mobi-cat {
        padding-top: 10% !important;
    }
}

@media (max-width: 768px) {
    .footer-nav {
        justify-content: center;
        margin-bottom: 15px;
    }
    .social-icons {
        justify-content: center;
    }
    .filters-left .chip--all,
    .filters-left .dropdown:nth-child(2),
    .filters-left .dropdown:nth-child(3) {
        display: none !important;
    }
    .filters-toolbar {
        justify-content: space-between;
        gap: 16px;
    }
    .filters-left {
        gap: 16px;
    }
}

@media (max-width: 640px) {
    .nav-pag {
        flex-direction: column;
        gap: 14px;
    }
    .nav-pag__numbers {
        gap: 12px;
        flex-wrap: wrap;
    }
}

@media (max-width: 767.98px) {
    #parceiros-swiper .swiper-slide {
        padding: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .col-12.d-flex {
        flex-direction: column;
        align-items: flex-start;
        text-align: left;
        gap: 8px;
    }
    .col-12.d-flex img {
        margin: 0 !important;
    }
    .sindicato-footer {
        margin: 0;
        font-size: 14px;
        line-height: 1.4;
    }
    .brand-overlap {
        left: 15%;
        transform: translateX(-50%);
        bottom: -55px;
    }
    #parceiros-swiper .parceiros-row {
        display: flex;
        align-items: center;
        justify-content: space-evenly;
        width: 100%;
        gap: 10px;
    }
    .titulo-banner {
        font-size: 40px !important;
    }
    #parceiros-swiper .parceiro-logo {
        max-height: 48px;
        flex: 1 1 0;
        object-fit: contain;
        filter: grayscale(1) brightness(0);
        opacity: 0.85;
        transition: opacity .2s ease;
    }
    #parceiros-swiper .parceiro-logo:hover {
        opacity: 1;
    }
}

@media (max-width: 991.98px) {
    #notas-swiper .swiper-slide[class*="col-"] {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
    }
    #notas-swiper .swiper-slide {
        display: flex;
        justify-content: center;
    }
    #notas-swiper .card-nota {
        max-width: 92%;
        margin: 0 auto;
        border-radius: 16px;
    }
    #notas-swiper .swiper-pagination {
        position: static;
        margin-top: 12px;
    }
    .sindicato-footer {
        margin: 0;
        font-size: 18px;
        line-height: 1.4;
        padding-top: 10px;
    }
    .atualizar {
        text-decoration: none;
        padding-top: 20px;
    }
    .setas-s {
        display: none !important;
    }
    .filiados {
        font-size: 30px;
    }
    #conv-swiper .swiper-slide {
        height: auto;
        display: flex;
    }
    #conv-swiper .card-vantagens {
        width: 100%;
    }
    .card-vantagens {
        border: 2px solid #1e3a2f;
        border-radius: 14px;
        background: #fffdf2;
        box-shadow: none;
    }
    .card-vantagens .row {
        padding: 16px !important;
    }
    .title-vantagens {
        margin: 8px 0 6px;
        font-weight: 700;
    }
    .text-vantagens {
        color: #2b3b34;
        line-height: 1.45;
    }
    #conv-swiper .swiper-pagination {
        position: static;
        margin-top: 10px;
    }
    #conv-swiper .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
        background: #d6d9d7;
        opacity: 1;
        margin: 0 4px;
    }
    #conv-swiper .swiper-pagination-bullet-active {
        background: #1e7a5a;
    }
    .center-nav {
        display: none !important;
    }
    .offcanvas-mobile {
        width: 340px;
        border-right: 1px solid #f1f1f1;
    }
    .menu-list {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }
    .item + .item {
        border-top: 1px solid #eee;
    }
    .item-head {
        width: 100%;
        background: transparent;
        border: 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 14px 0;
        font-size: 18px;
        font-weight: 700;
        color: #212529;
        text-decoration: none;
    }
    .item-head i {
        transition: transform .2s;
    }
    .item-head[aria-expanded="true"] i {
        transform: rotate(180deg);
    }
    .item-head.no-arrow i {
        display: none;
    }
    .sub {
        display: block;
        padding: 10px 0;
        font-size: 15px;
        color: #6c757d;
        text-decoration: none;
    }
    .sub:hover {
        color: #198754;
    }
    .link-update {
        color: #198754;
        font-weight: 700;
        text-decoration: none;
    }
    .navbar {
        padding-bottom: 1rem;
    }
}

@media (min-width: 992px) {
    .setas-s {
        display: flex;
        gap: 8px;
    }
    .notas-btn {
        width: 40px;
        height: 40px;
        border-radius: 8px;
        background: rgba(255, 255, 255, .1);
        border: 1px solid rgba(255, 255, 255, .25);
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .notas-btn svg {
        width: 18px;
        height: 18px;
        stroke: #fff;
    }
}
/* MOBILE */
@media (max-width: 767.98px) {

  /* área do swiper */
  #notas-swiper {
    overflow: hidden;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  /* cada slide vira um “cartão” centralizado */
  #notas-swiper .swiper-slide.nota-slide {
    display: flex;
    justify-content: center;   /* joga o card pro meio */
  }

  /* largura máxima do card no mobile */
  #notas-swiper .card-nota {
    width: 90%;
    max-width: 360px;          /* limita pra ficar com cara de card, não tela inteira */
  }

  /* paginação logo abaixo */
  #notas-swiper .swiper-pagination {
    position: relative;
    margin-top: 1rem;
    text-align: center;
  }
}

/* DESKTOP */
@media (min-width: 768px) {

  /* não precisa mostrar bolinhas no desktop se você não quiser */
  #notas-swiper .swiper-pagination {
    display: none;
  }

  /* no desktop cada slide já ocupa 1/3 devido ao slidesPerView:3,
     então aqui a gente só garante que o card-nota use 100% da largura do slide */
  #notas-swiper .swiper-slide.nota-slide {
    display: flex;
  }

  #notas-swiper .card-nota {
    width: 100%;
  }
}

/* DESKTOP */
@media (max-width: 991px) {

 .divider {

    display: none; 
}
}

/* DESKTOP */
@media (max-width: 991px) {


.cc-card-1 {
    
    width: auto;

}

}

/* DESKTOP */
@media (max-width: 292px) {

.titulo-sobre {
 
    
font-size: 45px;

}
.titulo-juridico {
    font-size: 45px;
}
.titulo-att {
    font-size: 45px;
}
.pesquisa input {
    font-size: 13px;
}
}

/* >= LG */
@media (min-width: 992px) {
  .navbar .container { position: relative; } /* já está, mas garantimos */
  .center-nav {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    /* opcional: garante que os dropdowns fiquem por cima */
    z-index: 1031;
  }
}

@media (min-width: 768px) {
  #parceirosSwiper .swiper-wrapper {
    display: flex !important;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
  }

  #parceirosSwiper .swiper-slide {
    width: auto !important;
    flex: 0 0 auto !important;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
  }

  #parceirosSwiper img {
    height: auto;
    width: auto;
    max-height: none;
  }
}
@media (max-width: 767.98px) {
  #parceirosSwiper {
    display: block !important;
    overflow: hidden;
  }

  #parceirosSwiper .swiper-wrapper {
    display: flex !important;
    flex-wrap: nowrap;
    align-items: center;
  }

  #parceirosSwiper .swiper-slide {
    flex: 0 0 auto;
    width: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 12px;
    min-height: 60px;
    text-align: center;
  }

  #parceirosSwiper img {
    max-height: 45px;
    width: auto;
    height: auto;
  }
}
@media (max-width: 480px) {
  .convenios-modal {
    margin-top: 2rem;
    margin-bottom: 2rem;
    max-width: 100%;
    border-radius: 10px;
    padding: 16px;
  }

  .convenios-modal__header {
    flex-direction: row;
    gap: 12px;
  }

  .convenios-filtros-wrapper {
    padding-bottom: 16px;
  }

  .convenios-scroll-wrapper {
    padding-top: 16px;
    max-height: 60vh;
  }

  .convenios-lista {
    padding-right: 24px;
    max-height: 60vh;
  }

  .scrollbar-track {
    right: 8px;
    width: 6px;
    border-radius: 3px;
  }

  .convenio-card {
    padding: 16px 0;
  }

  .convenio-head {
    padding-right: 8px;
  }

  .convenio-head__left {
    gap: 12px;
  }

  .convenio-logo img {
    max-width: 56px;
    max-height: 40px;
  }

  .convenio-body {
    padding-left: calc(56px + 12px);
  }
}
@media (max-width: 991.98px) {
  #banner-home-swiper {
    height: 520px;
  }
}

/* === Slides === */
#banner-home-swiper .swiper-wrapper {
  height: 100%;
}

#banner-home-swiper .swiper-slide {
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0;
  background-size: cover;
  background-position: center;
  position: relative;
}
#banner-home-swiper .swiper-slide::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.45);
  z-index: 1;
  pointer-events: none;
}

#banner-home-swiper .swiper-slide > * {
  position: relative;
  z-index: 2;
}
@media (max-width: 575.98px) {
    .modal-convenios .modal-title {
        font-size: 22px;
    }
    .conv-logo {
        width: 48px;
        height: 48px;
    }
    .conv-toggle {
        padding: 14px 0;
    }
}

@media (max-width: 576px) {
    .indicador-passos {
        flex-wrap: wrap;
    }
    .divisoria {
        flex-basis: 60px;
    }
}

#multiStepForm .form-group {
    margin-bottom: 18px;
}

#multiStepForm label {
    font-weight: 600;
    color: #111827;
    font-size: 0.95rem;
}

@media (max-width: 480px) {
  .banner-filia-se {
    height: clamp(100px, 28vw, 200px);
  }
}

@media (min-width: 1600px) {
  .banner-filia-se {
    height: 360px; 
  }
}