/* Geral */
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap");

* { margin:0; padding:0; box-sizing:border-box; }
html { font-size:62.5%; font-family:"Montserrat",sans-serif; scroll-behavior:smooth; }
body { font-size:1.6rem; background:#f5f5f5; color:#222; }

/* Variáveis */
:root {
  --primary: #1B2B91;
  --white: #fff;
  --bg: #f5f5f5;
  --text: #222;
  --text-light: #6b6b6b;
}

/* Containers e alinhamentos */
.container { max-width:124rem; padding:0 1.6rem; margin:0 auto; }
.text-center { text-align:center; }
.section-padding { padding:6rem 0; }
.sec.azul { background-color:#0a1a33; color:white; }
.sec.branco { background-color:white; color:black; }

/* Header */
.main-header { position:sticky; top:0; background:white; z-index:1000; box-shadow:0 2px 8px rgba(0,0,0,0.06); }
.header-content { display:flex; justify-content:space-between; align-items:center; padding:1.2rem 0; }
.logo-text { font-weight:700; font-size:1.6rem; color:var(--primary); }
.main-nav a { font-size:1.4rem; color:var(--text); font-weight:500; margin-left:1.6rem; transition:color 0.3s; }
.main-nav a:hover { color:var(--primary); }

/* Seções */
.section-heading { font-size:2.4rem; color:var(--primary); margin-bottom:1rem; }
.section-subheading { font-size:1.4rem; text-transform:uppercase; color:var(--text-light); margin-bottom:0.5rem; }
.section-warning, .section-description, .section-note { color:var(--text-light); font-size:1.3rem; margin-top:0.8rem; }

/* Slider */
.tranding-slider { height:52rem; padding:2rem 0; position:relative; }
.tranding-slide { width:37rem; height:42rem; position:relative; border-radius:2rem; overflow:hidden; }
.tranding-slide img, .tranding-slide video { width:100%; height:100%; object-fit:cover; border-radius:2rem; }
.tranding-slide-content { position:absolute; inset:0; display:flex; align-items:flex-end; padding:2rem; background:linear-gradient(to top, rgba(0,0,0,0.75), rgba(0,0,0,0.1)); border-radius:2rem; }
.tranding-slide-content-bottom { color:white; max-width:90%; }
.service-name { font-size:2rem; margin-bottom:0.8rem; }
.service-description { font-size:1.35rem; margin-bottom:1.6rem; }
.btn-whatsapp { display:inline-flex; padding:0.8rem 1.6rem; background:#25D366; color:white; border-radius:999px; font-weight:600; font-size:1.4rem; text-align:center; border:none; cursor:pointer; transition:all 0.2s; }
.btn-whatsapp:hover { background:#1ebe5b; transform:translateY(-2px); box-shadow:0 6px 18px rgba(0,0,0,0.25); }

/* Atendimento */
.atendimento-grid { display:grid; gap:2.4rem; }
.atendimento-whatsapp { display:flex; align-items:center; gap:1rem; margin-top:2rem; }
.whatsapp-icon { width:3.6rem; height:3.6rem; border-radius:999px; background:#25D366; display:flex; align-items:center; justify-content:center; }
.whatsapp-icon ion-icon { font-size:2rem; color:white; }
.whatsapp-number { color:var(--primary); font-weight:600; text-decoration:none; }
.whatsapp-number:hover { text-decoration:underline; }

/* Mapa */
.map-frame-wrapper { border-radius:1.2rem; overflow:hidden; box-shadow:0 4px 16px rgba(0,0,0,0.12); }
.map-frame { width:100%; height:220px; }

/* Redes */
.instagram-card { max-width:32rem; margin:2.4rem auto 0; display:flex; align-items:center; gap:1.2rem; background:white; border-radius:1.6rem; box-shadow:0 4px 18px rgba(0,0,0,0.08); cursor:pointer; transition:0.2s; }
.instagram-card:hover { transform:translateY(-3px); box-shadow:0 6px 24px rgba(0,0,0,0.12); }
.instagram-image-wrapper { width:6rem; height:6rem; border-radius:999px; overflow:hidden; }
.instagram-info { text-align:left; }
.instagram-handle { font-weight:600; font-size:1.4rem; color:var(--text); }
.instagram-cta { font-size:1.3rem; color:var(--primary); margin-top:0.2rem; }

/* Sobre nós */
.mv-section { display:grid; grid-template-columns:1fr; gap:1.8rem; margin-top:2.4rem; }
.mv-item h4 { font-size:1.6rem; color:var(--primary); margin-bottom:0.6rem; }
.mv-item p { font-size:1.4rem; color:white; }
@media(min-width:900px){ .mv-section{grid-template-columns:repeat(3,1fr);} .atendimento-grid{grid-template-columns:1.2fr 1fr;} .map-frame{height:260px;} }

/* Footer */
.main-footer { background:#111320; padding:2.4rem 0; color:#f1f1f1; text-align:center; }
.footer-links a { color:#f1f1f1; margin-left:1.6rem; text-decoration:none; }
.footer-links a:hover { text-decoration:underline; }

/* Responsividade Slider */
@media(max-width:500px){ .tranding-slide{width:28rem;height:36rem;} .tranding-slide img, .tranding-slide video{width:100%; height:100%;} }
 
.main-nav {
  display: flex;        /* deixa os links lado a lado */
  gap: 2rem;            /* espaço entre eles */
  align-items: center;  /* centraliza verticalmente */
}

.main-nav a {
  color: var(--text);       /* cor dos links */
  font-weight: 500;
  font-size: 1.4rem;
  transition: color 0.3s;
}

.main-nav a:hover {
  color: var(--primary);    /* muda cor ao passar o mouse */
}

/* HEADER REFINADO */
.main-header {
  position: sticky;
  top: 0;
  z-index: 1000;
  background-color: var(--white);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  padding: 0.8rem 0; /* altura menor */
}

.header-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 124rem;
  margin: 0 auto;
  padding: 0 1.6rem;
}

.logo-text {
  font-weight: 700;
  font-size: 1.8rem;  /* ligeiramente maior */
  letter-spacing: 0.15rem;
  color: var(--primary);
}

.main-nav {
  display: flex;
  gap: 1.8rem;         /* espaçamento entre links */
}

.main-nav a {
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--text);
  padding: 0.4rem 0.8rem; /* toque visual ao redor do texto */
  border-radius: 8px;
  transition: all 0.3s ease;
}

.main-nav a:hover {
  background-color: var(--primary);
  color: var(--white);
}

/* RESPONSIVO */
@media (max-width: 800px) {
  .header-content {
    flex-direction: column;
    gap: 0.8rem;
  }

  .main-nav {
    flex-wrap: wrap;
    justify-content: center;
    gap: 1.2rem;
  }

  .main-nav a {
    font-size: 1.3rem;
    padding: 0.3rem 0.6rem;
  }
}

/* Ajuste geral do carrossel */
.tranding-slider {
  height: auto; /* deixa o tamanho automático conforme o conteúdo */
  padding: 2rem 0;
}

.tranding-slide {
  width: 28rem; /* tamanho base menor para mobile */
  height: 36rem; /* altura proporcional */
}

@media (min-width: 768px) {
  .tranding-slide {
    width: 35rem;
    height: 42rem;
  }
}

@media (min-width: 1200px) {
  .tranding-slide {
    width: 37rem;
    height: 42rem;
  }
}

/* Ajuste das imagens e vídeos */
.tranding-slide img,
.tranding-slide video {
  width: 100%;
  height: 100%;
  border-radius: 2rem;
  object-fit: cover;
}

/* Posicionamento das setas */
.tranding-slider-control .swiper-button-prev,
.tranding-slider-control .swiper-button-next {
  display: none;
}
.tranding-slider-control .swiper-button-prev {
  left: -1.5rem; /* mais próximo da borda */
}

.tranding-slider-control .swiper-button-next {
  right: -1.5rem; /* mais próximo da borda */
}

/* Paginação */
.tranding-slider-control .swiper-pagination {
  bottom: 1rem !important;
}

/* Melhor visual para mobile */
@media (max-width: 600px) {
  .tranding-slide {
    width: 28rem;
    height: 36rem;
  }
  .tranding-slider-control .swiper-button-prev,
  .tranding-slider-control .swiper-button-next {
    width: 2.5rem;
    height: 2.5rem;
  }
}

.sobre-nos-content .section-description {
  color: white; /* força todo o texto branco */
  margin-top: 0.8rem;
}

/* Mostra as setas novamente */
.swiper-button-prev,
.swiper-button-next {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 3rem;
  height: 3rem;
  background: var(--white);
  border-radius: 50%;
  filter: drop-shadow(0px 4px 12px rgba(0,0,0,0.15));
  z-index: 10;
  cursor: pointer;
}

.swiper-button-prev { left: -1.5rem; }
.swiper-button-next { right: -1.5rem; }

/* Paginação bolinhas */
.swiper-pagination {
  position: absolute;
  bottom: 2rem;       /* distância do fundo do slide */
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 0.5rem;
  z-index: 10;
}

.swiper-pagination-bullet {
  width: 1rem;
  height: 1rem;
  background: rgba(255,255,255,0.6);
  opacity: 1;
  border-radius: 50%;
  transition: all 0.3s;
  cursor: pointer;
}

.swiper-pagination-bullet-active {
  background: var(--primary);
  width: 1.2rem;
  height: 1.2rem;
}

.instagram-image-wrapper {
  width: 10rem !important;
  height: 10rem !important;
  border-radius: 50% !important; /* deixa redondo */
  overflow: hidden !important;
}

.instagram-image-wrapper img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

/* Remove setas do slider */
.swiper-button-prev,
.swiper-button-next {
  display: none;
}