:root{--primary-light:#B2B3A5;--primary-main:#AB7D5B;--primary-alt:#DBC5AD;--secondary:#A39179;--accent:#88969F}*,::after,::before{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#fdf7f1;color:#333;scroll-behavior:smooth;scroll-padding-top:80px}a{text-decoration:none;color:var(--primary-main);transition:color .2s}a:hover{color:var(--primary-alt)}p{font-size:1.3rem}.btn-banner,.btn-top-whatsapp,.depoimento-img,.diff-card,.nav-link,.whatsapp-float,button{cursor:pointer}.icon-whatsapp{display:inline-block;vertical-align:middle;width:1em;height:1em;margin-right:.5rem}.top-bar{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background:#22252a;color:#fff}.top-bar a,.top-bar i{color:#fff}.btn-top-whatsapp{display:inline-flex;align-items:center;margin-left:.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:500;background:#25d366;color:#fff;border:none;border-radius:20px;transition:.2s}.btn-top-whatsapp:hover{background:#1ebe57;transform:translateY(-2px)}.btn-emergency{background:#e74c3c}.btn-emergency:hover{background:#c0392b}.hero-top{position:relative;background-color:#a7aca0;background-image:url('../images/fundo-topo-principal-site.png');background-repeat:no-repeat;background-position:center right;background-size:auto 100%;color:#fff;padding:6rem 1rem}@media (max-width:576px){.hero-top{background-image:url('../images/fundo-topo-principal-site-MOBILE.png');background-position:center top;padding:4rem 1rem}}.hero-top .container{position:relative;z-index:1}.hero-top img{max-width:240px;margin-bottom:2rem}.hero-top .display-5{font-size:2rem;font-weight:400;line-height:1.2;margin-bottom:2rem}.hero-top .btn-banner{background-color:#3f8c3a;padding:.75rem 2rem;font-size:1.25rem}.navbar{background:#fff;position:sticky;top:0;z-index:1020}.navbar-nav .nav-link{padding:.5rem 1rem;font-size:1.25rem;font-weight:500;color:#666;transition:color .2s}.navbar-nav .nav-link:hover{color:var(--primary-main)}.banner{position:relative;text-align:left;padding:6rem 1rem;background:var(--primary-alt) url('../images/banner-topo.png') center/cover no-repeat;color:#fff}.banner::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.2);z-index:1}.banner-content{position:relative;z-index:2;max-width:700px;margin:auto}.banner-content h2{margin-bottom:1.5rem;font-size:1.75rem;line-height:1.4;font-weight:400}.banner-content p{margin-bottom:2rem;font-size:1rem}.btn-banner{display:inline-flex;align-items:center;padding:.75rem 2rem;font-weight:600;background:#25d366;color:#fff;border:none;border-radius:40px;transition:.2s}.btn-banner:hover{background:#1ebe57;transform:translateY(-2px)}.depoimentos,.diferenciais,.section,.services,.video-section{padding:4rem 1rem}.section{background:#f8f6f2}.depoimentos,.diferenciais,.services,.video-section{background:#e2cbb5}.depoimentos .section-title,.diferenciais .section-title,.section-title,.services h3,.video-section .section-title{color:var(--primary-main);font-size:2rem;font-weight:700;margin-bottom:1.5rem;text-align:left}.section p,.video-section .section-subtitle,.video-section .small{text-align:left;font-size:1.3rem;line-height:1.6;margin-bottom:2rem}.video-section{padding-bottom:2rem!important}.services{padding-top:2rem!important}.services h5{font-size:1.25rem;font-weight:600;color:var(--primary-main);margin-bottom:.5rem}.services img{width:100%;border-radius:8px}.depoimentos .depoimento-img{border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:transform .2s ease,box-shadow .2s ease}.depoimentos .depoimento-img:hover{transform:translateY(-4px);box-shadow:0 6px 12px rgba(0,0,0,.15)}.diff-card{font-size:1.3rem;padding:2rem;background:var(--secondary);color:#fff;border-radius:2rem;text-align:center;transition:.2s}.diff-card:hover{transform:translateY(-4px);box-shadow:0 6px 12px rgba(0,0,0,.1)}.ratio{max-width:800px;margin:auto 0 2rem}.cta-title{font-size:1.5rem;color:var(--primary-main);margin-bottom:1rem}.vertical-video{position:relative;width:100%;margin:auto;padding-top:177.78%}.vertical-video iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}@media (min-width:992px){.vertical-video{padding-top:56.25%}}.whatsapp-float{position:fixed;bottom:20px;right:20px;display:inline-flex;align-items:center;padding:.75rem 1.5rem;background:#25d366;color:#fff;border-radius:40px;transition:.2s}.whatsapp-float:hover{background:#1ebe57;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.2)}footer{background:var(--accent);color:#fff;text-align:center;padding:2rem 1rem}#carouselDepoimentos .carousel-item .row{display:flex!important;flex-wrap:nowrap!important;justify-content:space-between;margin:0;gap:0}#carouselDepoimentos .carousel-item .col-12{flex:0 0 24%;max-width:24%;padding:0}#carouselDepoimentos .depoimento-img{display:block;width:100%;height:auto;object-fit:cover}@media (max-width:575px){#carouselDepoimentos .carousel-item .row{display:block!important;margin:0}#carouselDepoimentos .carousel-item .col-12{display:none;padding:0}#carouselDepoimentos .carousel-item .col-12:first-child{display:block;width:100%;max-width:100%}}@media (max-width:576px){.banner{background-image:url('../images/banner-topo-sk-mobile.png')!important;background-size:cover;background-position:center center;padding:3rem 1rem}.banner::before{background:rgba(0,0,0,.4)}.banner-content{text-align:left;margin-top:4rem;padding-top:2rem}.banner-content h2{font-size:1.25rem;line-height:1.4}.banner-content p{font-size:.9rem}.btn-banner{width:100%;max-width:300px;margin-left:0}}.alerta-dengue{background:var(--primary-alt);position:relative;overflow:hidden}.alerta-dengue::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.4)}.alerta-dengue .container{position:relative}.alerta-dengue .lead,.alerta-dengue h2{color:#fff;margin:0 auto;line-height:1.3}.alerta-dengue h2{font-size:2rem;font-weight:600}.alerta-dengue .lead{font-size:1.125rem;margin-top:.5rem}@media (min-width:992px){.alerta-dengue h2{font-size:2.5rem}.alerta-dengue .lead{font-size:1.25rem}}#dengueAlertModal .modal-content{background-color:var(--primary-light);border-radius:1rem;border:none}#dengueAlertModal .modal-footer,#dengueAlertModal .modal-header{border:none}#dengueAlertModal .modal-title{color:var(--primary-main);font-weight:600}#dengueAlertModal .btn-close{filter:invert(40%)}#dengueAlertModal .modal-body p{color:#333}#dengueAlertModal .btn-top-whatsapp{background:#25d366;color:#fff;border-radius:20px;padding:.5rem 1rem;font-weight:500}#dengueAlertModal .btn-top-whatsapp:hover{background:#1ebe57}#dengueAlertModal .btn-secondary{background-color:var(--primary-main);color:#fff;border:none;border-radius:.5rem;padding:.5rem 1rem}#dengueAlertModal .btn-secondary:hover{background-color:var(--primary-alt)}.navbar{position:sticky!important;top:0!important;z-index:1020!important}.whatsapp-float{position:fixed!important;bottom:20px!important;right:20px!important;z-index:1050!important}

	/* ========================= */
/*  Ajustes exclusivos do   */
/*  Modal “Aviso de Dengue” */
/* ========================= */

/* Fundo geral do modal */
#dengueAlertModal .modal-content {
  background-color: #F5F1EC !important;  /* Bege suave */
  border: 3px solid #A67C52 !important; /* Borda em marrom claro */
  border-radius: 8px !important;        /* Cantos levemente arredondados */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important; /* Sombra suave */
}

/* Remover qualquer borda-padrão do header/footer */
#dengueAlertModal .modal-header,
#dengueAlertModal .modal-footer {
  border: none !important;
  background: transparent !important;
}

/* Título (ícone + texto) */
#dengueAlertModal .modal-title {
  color: #3E3E3E !important;  /* Cinza escuro */
  font-weight: 600 !important;
  font-size: 1.5rem !important;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* Se quiser exibir um ícone antes do texto, basta inserir no HTML: */
/* <h5 class="modal-title"><span class="icon">⚠️</span> Atenção!</h5> */
/* Para forçar o ícone em cor marrom/dourado, adicione: */
#dengueAlertModal .modal-title .icon {
  font-size: 1.5rem;
  color: #A67C52;
}

/* Corpo do modal (texto) */
#dengueAlertModal .modal-body {
  padding: 1.5rem !important;
}
#dengueAlertModal .modal-body p {
  color: #3E3E3E !important;  /* Cinza escuro */
  font-size: 1.25rem !important;
  line-height: 1.6 !important;
  margin-bottom: 1rem !important;
}

/* Botão “Entendi ✅” */
/* Criaremos uma classe específica (.btn-entendi) para não afetar os botões padrões */
#dengueAlertModal .btn-entendi {
  background-color: #A67C52 !important; /* Marrom claro */
  color: #FFFFFF !important;            /* Texto branco */
  border: none !important;
  border-radius: 8px !important;
  padding: 0.75rem 1.5rem !important;
  font-size: 1rem !important;
  font-weight: 500 !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1) !important; /* Sombra suave */
  transition: background-color 0.2s ease, transform 0.1s ease;
}

/* Hover no botão “Entendi” */
#dengueAlertModal .btn-entendi:hover {
  background-color: #8F653A !important; /* Tom marrom escuro levemente */
  transform: translateY(-1px) !important;
}

/* Animação de entrada do modal */
/* Fade in + slide up */
@keyframes modalFadeUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
#dengueAlertModal.show .modal-dialog {
  animation: modalFadeUp 0.4s ease-out !important;
}

/* Ajuste para que o backdrop fique levemente mais suave */
#dengueAlertModal .modal-backdrop {
  background-color: rgba(0, 0, 0, 0.45) !important;
}