﻿.sec-representadas, .sec-conectando, .sec-diferenciais, .sec-sobre, .sec-faq {
  margin-bottom: 60px;
  margin-top: 60px;
  
}

/* Nossas Representadas */
.sec-representadas {
  background: #fff;
  padding: 64px 0 48px;
}
.sec-representadas .sec-title {
  font-size: 2rem;
  font-weight: 700;
  color: var(--azul-01);
  margin-bottom: 6px;
}
.sec-representadas .sec-subtitle {
  color: var(--cinza-03);
  font-size: 1rem;
  margin-bottom: 40px;
}


/* frase impacto*/
.sec-conectando {
  background: linear-gradient(90deg, var(--azul-01) 0%, var(--azul-02) 100%);
  padding: 130px 0;
  position: relative;
  overflow: visible;
}


/* mascote */
.sec-representadas,
.sec-diferenciais {
  position: relative;
  z-index: 0;
}
.conectando-text {
  font-size: 1.75rem;
  font-weight: 700;
  color: var(--orange);
  line-height: 1.35;
  text-align: center;
  display: block;
  width: 100%;
  margin: 0;
}
.mascot-placeholder {
  --bleed-top: 40px;     /* acima da section */
  --bleed-bottom: 20px;  /* abaixo da section */
  position: absolute;
  right: 150px;
  bottom: calc(-1 * var(--bleed-bottom));
  background: none;
  border-radius: 0;
  z-index: 2;
}
.mascot-placeholder img {
  width: 100%;
  height: auto;
  object-fit: contain;
  border-radius: 0;
  display: block;
  margin-top: calc(-1 * var(--bleed-top));
}


/* Diferenciais */
.sec-diferenciais {
  background: #fff;
  padding: 72px 0;
}
.sec-diferenciais .sec-title {
  font-size: 1.875rem;
  font-weight: 700;
  color: var(--azul-01);
  margin-bottom: 6px;
}
.sec-diferenciais .sec-subtitle {
  color: var(--cinza-03);
  margin-bottom: 48px;
}
.diferencial-card {
  background: #fff;
  border: 1.5px solid var(--border);
  border-radius: var(--radius-card);
  padding: 28px 22px;
  height: 100%;
  box-shadow: 0 2px 10px rgba(30,45,90,.07);
  transition: box-shadow .2s;
}
.diferencial-card:hover { box-shadow: 0 4px 18px rgba(30,45,90,.09); }
.diferencial-icon {
  width: 44px;
  height: 44px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  margin-bottom: 14px;
}
.diferencial-card h6 {
  font-size: .9375rem;
  font-weight: 700;
  color: var(--azul-01);
  margin-bottom: 6px;
}
.diferencial-card p {
  font-size: .875rem;
  color: var(--cinza-03);
  line-height: 1.6;
  margin: 0;
}


/* sobre*/
.sec-sobre {
  background: var(--cinza-02);
  padding: 80px 0;
}
.sobre-title {
  font-size: 36px;
  font-weight: 700;
  color: var(--azul-01);
  margin-bottom: 30px;
}

.sobre-text {
  font-size: 16px;
  color: var(--cinza-03);
  line-height: 1.65;
}


/* 2×2 stats */
.sobre-stats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}
.sobre-stat-card {
  background: #fff;
  border: 1.5px solid var(--border);
  border-radius: 10px;
  padding: 30px 18px;
  box-shadow: 0 2px 10px rgba(30,45,90,.07);
  transition: box-shadow .2s;
}
.sobre-stat-card:hover { box-shadow: 0 4px 18px rgba(30,45,90,.09); }
.sobre-stat-card .stat-number {
  font-size: 26px;
  font-weight: 700;
  color: var(--azul-01);
  line-height: 1.1;
  margin-bottom: 4px;
}
.sobre-stat-card .stat-label {
  font-size: 16px;
  color: var(--cinza-03);
  display: block;
}


/* cards de missão / visão / valores */
.sobre-value-card {
  background: #fff;
  border: 1.5px solid var(--border);
  border-radius: 12px;
  padding: 20px 22px;
  display: flex;
  flex-direction: column;
  gap: 15px;
  box-shadow: 0 2px 10px rgba(30,45,90,.07);
  transition: box-shadow .2s;
}
.sobre-value-card:hover { box-shadow: 0 4px 18px rgba(30,45,90,.09); }
.sobre-value-card + .sobre-value-card {
  margin-top: 16px;
}
.value-icon-box {
  margin-bottom: 6px;
}
.sobre-value-card h6 {
  font-size: 18px;
  font-weight: 700;
  color: var(--azul-01);
}
.sobre-value-card p {
  font-size: 16px;
  color: var(--cinza-03);
}


/* faq */
.sec-faq {
  background: #fff;
  padding: 72px 0;
}
.sec-faq .sec-title {
  font-size: 1.875rem;
  font-weight: 800;
  color: var(--azul-01);
  margin-bottom: 8px;
}
.sec-faq .sec-subtitle { color: var(--cinza-03); margin-bottom: 40px; }
.accordion-item {
  border: 1.5px solid var(--border) !important;
  border-radius: var(--radius-card) !important;
  overflow: hidden;
  margin-bottom: 10px;
  transition: box-shadow .2s;
}
.accordion-item:hover { box-shadow: 0 4px 18px rgba(30,45,90,.09); }
.accordion-button {
  font-weight: 400;
  font-size: .9375rem;
  color: var(--azul-01) !important;
  background: #fff !important;
  box-shadow: none !important;
  padding: 18px 20px;
}
.accordion-button:not(.collapsed) {
  background: #fff !important;
  color: var(--azul-01) !important;
  font-weight: 600;
}

.accordion-button::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='%23181D3D' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8 4.793a.5.5 0 0 1 .5.5v8l3.146-3.147a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 .708-.708L7.5 13.293V5.293A.5.5 0 0 1 8 4.793z'/%3E%3C/svg%3E");
  background-size: 14px;
  width: 14px;
  height: 14px;
  transition: transform .25s ease;
}
.accordion-button:not(.collapsed)::after {
  transform: rotate(180deg);
}
.accordion-body {
  color: var(--cinza-03);
  font-size: .9375rem;
  line-height: 1.65;
  padding: 4px 20px 20px;
}

/* fale conosco */
.duvidas-card {
  background: #fff;
  border: 1.5px solid var(--border);
  border-radius: 16px;
  padding: 48px 40px;
  text-align: center;
  max-width: 720px;
  margin: 48px auto 0;
  box-shadow: 0 2px 10px rgba(30,45,90,.07);
  transition: box-shadow .2s;
}
.duvidas-card:hover { box-shadow: 0 4px 18px rgba(30,45,90,.09); }
.duvidas-card h4 {
  font-size: 1.375rem;
  font-weight: 800;
  color: var(--azul-01);
  margin-bottom: 8px;
}
.duvidas-card p {
  color: var(--cinza-03);
  font-size: .9375rem;
  margin-bottom: 24px;
}
.btn-duvidas {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--orange);
  border: none;
  color: #fff;
  font-weight: 700;
  font-size: .9375rem;
  padding: 12px 36px;
  border-radius: 8px;
  transition: background .2s;
}
.btn-duvidas:hover {
  background: var(--orange-dark);
  color: #fff;
}

/* telas médias */
@media (min-width: 990px) and (max-width: 1600px) {
  .mascot-placeholder { right: 0px; }
  .conectando-text { text-align: left; font-size: 26px; }
}

/* mobile*/
@media (max-width: 990px) {
  .hero-banner { height: 240px; }
  .sec-representadas, .sec-diferenciais, .sec-sobre, .sec-faq { padding: 48px 0; }
  .sec-conectando { padding: 40px 0; }
  .conectando-text { font-size: 1.4rem; }
  .mascot-col { min-height: unset; }
  .mascot-placeholder {
    position: static;
    width: 180px;
    max-width: 60%;
    margin: 0 auto 16px;
  }
  .mascot-placeholder img { margin-top: 0; }
  .sobre-stats { grid-template-columns: 1fr 1fr; gap: 10px; }
  .sobre-stat-card .stat-number { font-size: 1.375rem; }
  .sobre-value-card + .sobre-value-card { margin-top: 12px; }
  .duvidas-card { padding: 36px 20px; }
}
@media (max-width: 575.98px) {
  .sobre-stats { grid-template-columns: 1fr 1fr; }
  .sec-representadas, .sec-conectando, .sec-diferenciais, .sec-sobre, .sec-faq {
  margin-bottom: 30px;
  margin-top: 30px;
  
}
}
