:root{
  --blue:#0D2245;
  --green:#2ea846;
  --green-light:#b8d700;
  --orange:#ff7a00;
  --text:#0b1320;
  --muted:#5a6b7b;
}

*{scroll-behavior:smooth;}
body{font-family: "Segoe UI", Roboto, Arial, sans-serif; color:var(--text);}

.navbar{
  background:#fff;
  box-shadow:0 6px 20px rgba(0,0,0,0.06);
}
.navbar-brand img{height:44px;}
.navbar-nav .nav-link{
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.25px;
  font-size:.9rem;
  color:#1d2b3a !important;
  position:relative;
  padding: .9rem .9rem;
}
.navbar-nav .nav-link::after{
  content:"";
  position:absolute;
  left:.9rem;
  right:.9rem;
  bottom:.45rem;
  height:4px;
  background: var(--green-light) !important;
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .25s ease;
  border-radius:999px;
  box-shadow: 0 0 8px rgba(184,215,0,0.7);
}
.navbar-nav .nav-link:hover::after,
.navbar-nav .nav-link.active::after{ transform:scaleX(1); }

.btn-orange{
  background:var(--orange);
  border-color:var(--orange);
  color:#fff;
  font-weight:900;
}
.btn-orange:hover{
  background:var(--green);
  border-color:var(--green);
  color:#fff;
}

.anchor-offset{scroll-margin-top: 84px;}

.hero-img{
  width:100%;
  height:auto;
  display:block;
  margin-top:74px; /* compensar navbar fixed */
}

.section{padding:64px 0;}
.section-title{
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:-.4px;
}
.section-subtitle{color:var(--muted);}

.intro-card{
  border-radius:18px;
  box-shadow:0 18px 40px rgba(0,0,0,0.08);
  overflow:hidden;
}
.intro-text{
  background:#fff;
  padding:26px;
}
.intro-text p{margin:0; color:#2b3a47; line-height:1.55;}
.intro-img{
  width:100%; height:100%; object-fit:cover; display:block;
}

.cards-grid .card{
  border:0;
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 18px 40px rgba(0,0,0,0.12);
  transition: transform .15s ease, box-shadow .15s ease;
}
.cards-grid .card:hover{
  transform: translateY(-2px);
  box-shadow:0 22px 50px rgba(0,0,0,0.16);
}
.cards-grid img{width:100%; height:auto; display:block;}

.video-section{background:var(--green-light);}
.video-frame{
  border-radius:26px;
  overflow:hidden;
  box-shadow:0 20px 60px rgba(0,0,0,0.18);
  border:10px solid rgba(255,255,255,0.30);
}
.video-frame img{width:100%; height:auto; display:block;}
.video-embed{
  border-radius:26px;
  overflow:hidden;
  box-shadow:0 20px 60px rgba(0,0,0,0.18);
  border:10px solid rgba(255,255,255,0.30);
}

.footer{
  background:var(--blue);
  color:rgba(255,255,255,0.9);
  padding:38px 0;
}
.footer img{height:42px;}
.small-muted{color: rgba(255,255,255,0.75);}

@media (max-width: 575.98px){
  .navbar-nav .nav-link{padding:.75rem .75rem;}
  .section{padding:46px 0;}
}

/* Cards carousel (fiel ao layout) */
#cardsCarousel .carousel-inner{
  border-radius:18px;
  overflow:hidden;
}
#cardsCarousel .carousel-control-prev,
#cardsCarousel .carousel-control-next{
  width:54px;
}
#cardsCarousel .carousel-control-prev-icon,
#cardsCarousel .carousel-control-next-icon{
  filter: invert(1);
  background-color: rgba(13,34,69,0.85);
  border-radius: 999px;
  background-size: 55%;
  width: 44px; height: 44px;
}

/* Cards 408x510 (3 por slide no desktop, 1 por slide no mobile) */
.card-card{
  border:0;
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 18px 40px rgba(0,0,0,0.12);
}
.card-img-fixed{
  width:100%;
  height:auto;
  display:block;
}

/* Em telas pequenas, mostra 1 card por slide */
@media (max-width: 767.98px){
  #cardsCarousel .carousel-item .col-md-4{
    flex: 0 0 100%;
    max-width: 100%;
  }
  #cardsCarousel .carousel-item .col-md-4:not(:first-child){
    display:none;
  }
}

/* Espaçamento entre cards (>= md) */
@media (min-width: 768px){
  #cardsCarousel .row.no-gutters > [class*="col-"]{
    padding-left:12px;
    padding-right:12px;
  }
}

/* Indicators: bolinhas e mais para baixo */

/* === Indicators FORÇADOS como bolinhas === */
#cardsCarousel .carousel-indicators{
  bottom:-65px !important;
}

#cardsCarousel .carousel-indicators li{
  width:12px !important;
  height:12px !important;
  border-radius:50% !important;
  background-color: rgba(13,34,69,0.35) !important;
  border:none !important;
  margin:0 6px !important;
}

#cardsCarousel .carousel-indicators li.active{
  background-color: rgba(13,34,69,0.95) !important;
}


.btn-whatsapp:hover{
  background:#1ebe5d;
  border-color:#1ebe5d;
  color:#fff;
}

.btn-whatsapp svg{
  width:18px;
  height:18px;
  fill:#fff;
}

/* === Botão WhatsApp Oficial === */
.btn-whatsapp{
  background-color:#25D366 !important;
  border-color:#25D366 !important;
  color:#ffffff !important;
  font-weight:900;
  display:inline-flex;
  align-items:center;
  gap:8px;
  transition:all .25s ease;
}

.btn-whatsapp:hover{
  background-color:#1DA851 !important;
  border-color:#1DA851 !important;
  color:#ffffff !important;
}

.btn-whatsapp i{
  color:#ffffff !important;
  font-size:18px;
}


/* === Botão WhatsApp Flutuante === */
.whatsapp-float{
  position:fixed;
  right:22px;
  bottom:22px;
  width:60px;
  height:60px;
  background:#25D366;
  color:#fff;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:28px;
  box-shadow:0 8px 25px rgba(0,0,0,0.25);
  z-index:9999;
  transition:all .3s ease;
}

.whatsapp-float:hover{
  background:#1DA851;
  color:#fff;
  transform:scale(1.08);
}

.whatsapp-float i{
  color:#fff;
}

/* leve animação pulse */
@keyframes whatsappPulse{
  0% { box-shadow:0 0 0 0 rgba(37,211,102,0.6); }
  70% { box-shadow:0 0 0 15px rgba(37,211,102,0); }
  100% { box-shadow:0 0 0 0 rgba(37,211,102,0); }
}

.whatsapp-float{
  animation: whatsappPulse 2.5s infinite;
}


/* === Header WhatsApp Button === */
.navbar .btn-whatsapp{
  background-color:#25D366 !important;
  border-color:#25D366 !important;
  color:#ffffff !important;
  font-weight:700;
}

.navbar .btn-whatsapp:hover{
  background-color:#1DA851 !important;
  border-color:#1DA851 !important;
  color:#ffffff !important;
}

.navbar .btn-whatsapp i{
  color:#ffffff !important;
  margin-right:6px;
}