@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Playfair+Display:wght@500;700&display=swap);h1,h2,h3,h4,nav ul li a:hover{color:#c62828}.hero h1,h1{font-size:3rem}.hero h1,h2{margin-bottom:20px}.hero,.hero-content,.logo-container{position:relative}.benefit,.hero,.logo-container,.service,h2{text-align:center}.cta-final .btn,.depoimento-box{box-shadow:0 4px 20px rgba(0,0,0,.3)}footer a,nav ul li a{text-decoration:none;transition:color .3s}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;color:#222;background-color:#fff;line-height:1.6}.cta-final h2,h1,h2,h3,h4{font-family:'Playfair Display',serif}h1,h2,h3,h4{font-weight:700;line-height:1.3}h2{font-size:2rem}h3{font-size:1.4rem;margin-bottom:10px}blockquote,li,p{font-family:Inter,sans-serif;font-weight:400;font-size:1.05rem;color:#444}header{position:fixed;width:100%;top:0;z-index:999;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.2)}header.menu-preto nav ul li a{color:#222}header.menu-preto nav ul li a:hover{color:#c62828}header nav{display:flex;justify-content:space-between;align-items:center;padding:10px 30px}header img{height:80px}nav ul{list-style:none;display:flex;gap:20px}nav ul li a{color:#fff;font-weight:500}header.shrink nav{padding:4px 20px;transition:padding .3s}header.shrink img{height:40px;transition:height .3s}header img,header nav{transition:.3s}.menu-toggle{display:none;flex-direction:column;gap:5px;cursor:pointer;z-index:1000;color:#fff}.menu-toggle span{width:40px;height:3px;background:#fff;border-radius:4px;transition:.3s}.menu-toggle.active span:first-child{transform:rotate(45deg) translate(5px,5px)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.hero{background:url('assets/Casal-feliz-no-carro.webp') center center/cover no-repeat fixed;height:100vh;display:flex;align-items:center;justify-content:center;padding:0 20px;color:#fff}.hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:1}.hero-content{z-index:2;max-width:700px;padding:40px;border-radius:16px;background:rgba(255,255,255,.1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);color:#fff}.hero h1{color:#fff}.hero p{font-size:1.2rem;margin-bottom:30px;color:#f0f0f0}.btn{padding:12px 24px;background:#c62828;color:#fff;border:none;border-radius:6px;font-weight:700;cursor:pointer;text-decoration:none;transition:background .3s}.btn:hover{background:#a31f1f}section{padding:80px 5vw;width:100%}.benefits,.services{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px}.logos-seguradoras{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:30px;justify-content:center;justify-items:center;align-items:center;max-width:1200px;margin:0 auto}.logo-container{cursor:pointer}.logo-preta{content:url('assets/C&N_Preto_Fundo_Transparente.png')}.logo-container img{max-height:60px;opacity:.7;transition:transform .3s,opacity .3s}.logo-container:hover img{opacity:1;transform:scale(1.05)}.logo-container span{position:absolute;bottom:-30px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.8);color:#fff;padding:5px 10px;border-radius:6px;font-size:.9rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s}.logo-container:hover span{opacity:1}.logos-seguradoras img{max-height:60px;opacity:.7;transition:.3s;max-width:100%;object-fit:contain}.benefit,.service{padding:20px;background-color:#f5f5f5;border-radius:10px}.benefit i,.service i{font-size:2rem;margin-bottom:10px;color:#c62828}.depoimentos{background:url('assets/pexels-yankrukov-7792757.webp') center center/cover no-repeat fixed;padding:100px 40px;color:#fff;position:relative}.depoimentos::before{content:'';position:absolute;inset:0;background:rgba(0,0,0,.4);z-index:0}.depoimentos blockquote{font-style:italic;margin:20px 0;border-left:4px solid #c62828;padding-left:20px;color:#555}.depoimento-box{position:relative;z-index:1;max-width:800px;margin:40px auto;padding:30px;background:rgba(255,255,255,.1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:16px;border:1px solid rgba(255,255,255,.2);color:#fff}.cta-final,footer{border-top:1px solid rgba(255,255,255,.1);text-align:center}.depoimento-box blockquote{font-style:italic;color:#f0f0f0;font-size:1.1rem;border-left:4px solid #fff;padding-left:20px}.depoimentos h2{color:#fff;z-index:1;position:relative;text-shadow:1px 1px 3px rgba(0,0,0,.7)}.cta-final{background:linear-gradient(to right,#2c2c2c,#3e3e3e);padding:80px 30px;color:#fff;position:relative;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.1)}.cta-final h2{font-size:2.5rem;margin-bottom:20px;color:#fff}.cta-final p{font-size:1.2rem;margin-bottom:30px;color:#ccc}.cta-final .btn{font-size:1.1rem;padding:14px 30px;background:#c62828;border-radius:8px;transition:.3s}.cta-final .btn:hover{background:#a31f1f;transform:scale(1.05)}footer{background:linear-gradient(to right,#1f1f1f,#2c2c2c);color:#fff;padding:60px 20px;display:flex;flex-direction:column;align-items:center;font-size:.95rem}footer p{margin-bottom:10px;color:#e0e0e0}footer a{color:#fff;margin:0 8px}footer a:hover{color:#c62828;text-decoration:underline}.parallax-section{position:relative;background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover;color:#fff;text-align:center;padding:100px 20px;display:flex;align-items:center;justify-content:center}.parallax-section::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.5);z-index:1}.parallax-content{position:relative;z-index:2;max-width:800px}.parallax-content h2{font-size:2.5rem;margin-bottom:20px;color:#fff}.parallax-content p{font-size:1.2rem;color:#ddd}@media (max-width:768px){.btn{display:block;width:100%;max-width:300px;text-align:center;margin:0 auto;white-space:normal}.menu-toggle{display:flex;flex-direction:column;gap:5px;cursor:pointer;color:#fff;margin-left:auto}.menu-preto span{background-color:#000!important}nav ul{position:absolute;top:100%;right:20px;left:20px;background:rgba(20,20,20,.9);backdrop-filter:blur(14px);border-radius:12px;padding:20px;flex-direction:column;align-items:flex-start;display:none;opacity:0;transform:translateY(-10px);transition:.3s;box-shadow:0 8px 24px rgba(0,0,0,.2)}nav ul.active{display:flex;opacity:1;transform:translateY(0)}nav ul li{margin-bottom:10px;width:100%}nav ul li a{font-size:1.1rem;color:#fff;padding:10px;border-radius:6px;width:100%;display:block;transition:background .3s}nav ul li a:hover{background:rgba(255,255,255,.1);color:#c62828}header nav{display:flex;justify-content:space-between;align-items:center;padding:10px 20px}.hero h1{font-size:2rem}.hero p{font-size:1rem}}.nowrap{white-space:nowrap}@media (max-width:768px){header.menu-preto nav ul.active li a{color:#fff!important}header.menu-preto nav ul.active li a:hover{background:rgba(255,255,255,.1);color:#c62828!important}}
.floating-buttons {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  z-index: 1000;
}
.btn-whatsapp, .btn-instagram {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  color: white;
  font-size: 1.5rem;
  text-decoration: none;
}
.btn-whatsapp { background-color: #25D366; }
.btn-instagram { background: radial-gradient(circle at 30% 30%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); }
.btn-whatsapp:hover, .btn-instagram:hover { transform: scale(1.1); }

/* Badge "1" no botão WhatsApp */
.btn-whatsapp { position: relative; }
.wa-badge{
  position: absolute;
  top: -4px;
  right: -4px;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 999px;
  background: #ff3b30; /* vermelho badge */
  color: #fff;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  box-shadow: 0 0 0 2px rgba(0,0,0,.15);
  animation: wa-pop .9s ease-out both;
}

@keyframes wa-pop {
  0% { transform: scale(0); opacity: 0; }
  60% { transform: scale(1.15); opacity: 1; }
  100% { transform: scale(1); }
}

/* Balão tipo chat */
.wa-tooltip{
  position: fixed;
  right: 86px;         /* distância do botão (que fica no canto) */
  bottom: 88px;        /* alinhado ao btn WhatsApp (50px) + gap */
  max-width: 240px;
  background: #fff;
  color: #222;
  padding: 12px 14px 12px 14px;
  border-radius: 12px;
  box-shadow: 0 8px 28px rgba(0,0,0,.25);
  font-size: .95rem;
  line-height: 1.3;
  opacity: 0;
  transform: translateY(6px) scale(.98);
  pointer-events: none;
  transition: opacity .25s ease, transform .25s ease;
  z-index: 1001;
}
.wa-tooltip strong{ font-weight: 700; }

.wa-tooltip::after{
  content: "";
  position: absolute;
  right: -8px;
  bottom: 16px;
  width: 0; height: 0;
  border-left: 8px solid #fff;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,.15));
}

.wa-tooltip.visible{
  opacity: 1;
  transform: translateY(0) scale(1);
  pointer-events: auto;
}

.wa-tooltip-close{
  position: absolute;
  top: 6px; right: 8px;
  border: 0; background: transparent;
  font-size: 16px; line-height: 1;
  cursor: pointer; color: #888;
}
.wa-tooltip-close:hover{ color: #c62828; }

/* Mobile: aproxima um pouco do canto */
@media (max-width: 768px){
  .wa-tooltip{
    right: 74px;
    bottom: 82px;
    max-width: 200px;
    font-size: .92rem;
  }
}

/* Acessibilidade: reduz animações se o usuário preferir */
@media (prefers-reduced-motion: reduce){
  .wa-badge, .wa-tooltip{
    animation: none;
    transition: none;
  }
}