@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-Regular.ttf') format('truetype');
  font-style: normal;
  font-display: swap;
}

/* Tipografia desta página */
.empresa-page,
.empresa-page * {
  font-family: "Poppins", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color: #161616;
}

/* ===== 1ª SESSÃO - SOBRE ===== */
.sobre-section {
  background: #FFFFFF;
  padding: 32px 20px;
}

.sobre-wrapper {
  width: 1250px;
/*  height: 489px;
*/  margin: 0 auto;
  display: grid;
  grid-template-columns: 709.57px 1fr;
  column-gap: 28px;
  align-items: start;
}

.sobre-imagem {
  width: 709.57px;
/*  height: 489px;
*/  background: #D9D9D9;
  border-radius: 8px;
  overflow: hidden;
}

.sobre-col {
  width: 491.49px;
/*  height: 449px;
*/  display: flex;
  flex-direction: column;
}

.sobre-title {
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  font-size: 36px;
  line-height: 38px;
  letter-spacing: 0;
  margin: 0 0 35px 0;
}

.sobre-divider {
  width: 466px;
  border: 0;
  border-top: 2px solid #161616;
  margin: 6px 0 12px 0;
}

.sobre-texto {
  font-family: 'Poppins', sans-serif;
  color: #5E5E5E;
  margin-top: 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
}

/* ===== 2ª SESSÃO - EQUIPE ===== */
.equipe-section {
  background: #F7F7F7;
  width: 100%;
  min-height: 648px;
  padding: 40px 20px;
  text-align: center;
}

.equipe-title {
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  font-size: 40px;
  line-height: 100%;
  letter-spacing: -0.9px;
  margin-bottom: 24px;
}

.equipe-container {
  display: flex;
  gap: 24px;
  justify-content: center;
  flex-wrap: wrap;
}

.card-equipe {
  width: 296px;
  height: 443px;
  background: none;
  border-radius: 9px;
  padding: 7px 9px 12px;
  display: flex;
  flex-direction: column;
  align-items: center;

  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card-equipe:hover {
  transform: translateY(-8px);
  box-shadow: 5px 10px 25px rgba(0, 0, 0, 0.2);
}

.card-foto {
  width: 281px;
  height: 258px;
  background: #D9D9D9;
  border-radius: 8px;
}

.card-nome {
  font-family: 'Poppins', sans-serif;
  margin: 14px 0 8px 0;
  font-weight: 700;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0.5px;
}

.card-sep {
  width: 204px;
  border: 0;
  border-top: 1px solid #161616;
  margin: 8px 0 10px 0;
}

.card-zap {
  font-family: 'Poppins', sans-serif;
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
height: 40px;
}

.wa-ico {
  width: 47px;
  height: 43px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 33'%3E%3Cpath d='M1.30879 33.0046C0.963818 33.0046 0.627353 32.8666 0.37795 32.6125C0.0493396 32.2772 -0.0776533 31.7907 0.0460665 31.3353L1.97649 24.2264C0.760892 21.9176 0.121345 19.3262 0.122 16.6978C0.125273 7.85571 7.26109 0.661743 16.0282 0.661743C20.2818 0.663063 24.2781 2.33367 27.2801 5.36531C30.2828 8.39629 31.935 12.4259 31.9337 16.711C31.9304 25.5545 24.7953 32.7491 16.0275 32.7491C13.5466 32.7484 11.0912 32.1603 8.88843 31.0442L1.64068 32.961C1.53136 32.9907 1.41942 33.0046 1.30879 33.0046ZM9.04685 28.3175C9.26418 28.3175 9.4802 28.3723 9.67396 28.4785C11.6122 29.5445 13.8071 30.1082 16.0229 30.1089C23.3525 30.1089 29.3127 24.0984 29.316 16.7097C29.3173 13.1296 27.9367 9.76327 25.4283 7.23129C22.9198 4.69865 19.5814 3.30329 16.0282 3.30197C8.70449 3.30197 2.74434 9.31179 2.74106 16.6998C2.74041 19.0529 3.35377 21.3697 4.51438 23.3974C4.68916 23.703 4.73498 24.0661 4.64334 24.406L3.17114 29.827L8.71562 28.3604C8.82363 28.332 8.93557 28.3175 9.04685 28.3175Z' fill='%2300A80B'/%3E%3Cpath d='M10.3207 16.9955C10.1341 16.7447 8.79871 14.9573 8.79871 13.1071C8.79871 11.257 9.76163 10.3474 10.1033 9.97118C10.445 9.59495 10.8489 9.50122 11.0977 9.50122C11.3464 9.50122 11.5952 9.50386 11.8125 9.51442C12.0416 9.5263 12.3486 9.42663 12.651 10.16C12.962 10.9124 13.7069 12.7632 13.8005 12.9513C13.8941 13.1395 13.9557 13.3586 13.8319 13.6101C13.7076 13.8609 13.6454 14.0173 13.4595 14.2371C13.2729 14.4569 13.068 14.7276 12.8998 14.8959C12.7132 15.0833 12.5188 15.2866 12.7361 15.6629C12.9535 16.0391 13.7017 17.2701 14.8099 18.2674C16.2337 19.5486 17.4349 19.9453 17.808 20.1334C18.1805 20.3215 18.3985 20.2905 18.6158 20.039C18.8331 19.7882 19.5479 18.9414 19.7967 18.5651C20.0454 18.1889 20.2935 18.2516 20.6352 18.377C20.9769 18.5024 22.8098 19.412 23.1823 19.6001C23.5548 19.7882 23.8035 19.8826 23.8971 20.039C23.9907 20.1961 23.9907 20.9486 23.6798 21.8265C23.3688 22.7043 21.8796 23.5063 21.1635 23.6139C20.5213 23.7109 19.7083 23.7512 18.8154 23.4647C18.2741 23.2918 17.5795 23.0601 16.6899 22.6727C12.9495 21.0436 10.5079 17.2463 10.3207 16.9955Z' fill='%2300A80B'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 33px 33px;
}

.wa-num {
  font-weight: 700;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: -0.9px;
}

/* ÚNICA ALTERAÇÃO SOLICITADA: botão */
.card-botao {
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  font-weight: 700;
  width: 277px;
  height: 47px;
  line-height: 47px;
  border: 1px solid #00A80B;
  border-radius: 3px;
  color: #00A80B;
  background: #FFFFFF;
  text-decoration: none;
  font-weight: 600;
  transition: .2s ease;
}

.card-botao:hover {
  background: #00A80B;
  color: #FFFFFF;
}

.card-botao-ligar {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 700;
    width: 277px;
    height: 47px;
    line-height: 47px;
    border: 1px solid var(--primary-red);
    border-radius: 3px;
    color: var(--primary-red);
    background: #FFFFFF;
    text-decoration: none;
    font-weight: 600;
    transition: .2s ease;
}

    .card-botao-ligar:hover {
        background: var(--primary-red);
        color: #FFFFFF;
    }

/* ===== 3ª SESSÃO - LOCALIZAÇÃO ===== */
.localizacao-section {
  margin: 40px 0 60px 0;
}

.localizacao-inner {
  width: 1248px;
  margin: 0 auto;
}

.local-sub {
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0.5px;
  margin: 0 0 6px 50px;
}

.local-title {
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  font-size: 40px;
  line-height: 100%;
  letter-spacing: -0.9px;
  margin: 0 0 50px 50px;
}

.mapa-fake {
  width: 1248px;
  height: 400px;
  background: #D9D9D9;
  border-radius: 7px;
}

/* ===== Responsivo básico ===== */
@media (max-width: 1280px) {
  .sobre-wrapper {
    width: 100%;
    grid-template-columns: 1fr;
    height: auto;
  }

  .sobre-imagem {
    width: 100%;
    height: auto;
  }

  .sobre-col {
    width: 100%;
    height: auto;
  }

  .sobre-divider {
    width: 100%;
  }

  .localizacao-inner,
  .mapa-fake {
    width: 94vw;
  }
}

/* ====== Versão Mobile (Celulares) ====== */
@media (max-width: 680px) {

  /* ===== CONFIGURAÇÃO GERAL ===== */
  html,
  body {
    width: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
  }

  .empresa-page {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  main {
    width: 100%;
  }

  #header,
  #footer {
    width: 100%;
    max-width: 100%;
  }

  /* ===== 1ª SESSÃO - SOBRE ===== */
  .sobre-section {
    width: 100vw;
    margin: 0;
    padding: 0;
    background: #FFFFFF;
  }

  .sobre-wrapper {
    width: 100vw;
    max-width: 100vw;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .sobre-imagem {
    width: 100vw;
    max-width: 100vw;
    height: auto;
    border-radius: 0;
    background: #D9D9D9;
  }

  .sobre-col {
    width: 90%;
    max-width: 360px;
    margin: 24px auto 0;
    text-align: center;
  }

  .sobre-title {
    font-size: 24px;
    line-height: 1.4;
    margin-bottom: 16px;
  }

  .sobre-divider {
    width: 100%;
    margin: 0 auto 12px;
  }

  .sobre-texto {
    font-size: 14px;
    line-height: 22px;
    text-align: justify;
    color: #5E5E5E;
  }

  /* ===== 2ª SESSÃO - EQUIPE ===== */
  .equipe-section {
    padding: 32px 0 40px;
    overflow-x: auto;
    background: #F7F7F7;
  }

  .equipe-title {
    font-size: 28px;
    margin-bottom: 20px;
  }

  .equipe-container {
    flex-wrap: wrap;
    justify-content: center;
    gap: 16px;
    padding: 0 16px;
    width: 100%;
/*    overflow-x: auto;
    scroll-snap-type: x mandatory;
*/  }

  .card-equipe {
    flex: 0 0 80%;
    max-width: 280px;
    scroll-snap-align: center;
/*    margin-right: 8px;
*/  }

  .card-botao {
    width: 100%;
  }

  /* ===== 3ª SESSÃO - LOCALIZAÇÃO ===== */
  .localizacao-section {
    width: 100vw;
    margin: 32px 0 50px;
    padding: 0;
    background: #FFFFFF;
  }

  .localizacao-inner {
    width: 100vw;
    max-width: 100vw;
    margin: 0;
    padding: 0;
    text-align: center;
  }

  .local-sub {
    font-size: 14px;
    text-align: left;
    margin-left: 20px;
  }

  .local-title {
    font-size: 28px;
    text-align: left;
    margin: 4px 0 24px 20px;
  }

  .mapa-fake {
    width: 100vw;
    max-width: 100vw;
    height: 244px;
    border-radius: 0;
    background: #D9D9D9;
  }
}