:root {
  --primary:#007b8a;
  --dark:#004f5f;
  --muted:#e6f2f3;
  font-family: Inter, Arial, sans-serif;
}
*{box-sizing:border-box;}
body{margin:0;color:#223;background:white;line-height:1.5;scroll-padding-top: 72px;}
header{position:fixed;top:0;left:0;right:0;background:white;box-shadow:0 2px 6px rgba(0,0,0,0.06);z-index:50;}
.container{max-width:1100px;margin:0 auto;padding:0 18px;}
.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 0;}
.brand{display:flex;align-items:center;gap:10px;}
.brand img{height:44px;}
.brand-name{font-weight:800;color:var(--dark);}
nav a{margin-left:18px;text-decoration:none;color:var(--dark);font-weight:600;}

.hero{height:78vh;display:flex;align-items:center;justify-content:center;position:relative;text-align:center;overflow:hidden;margin-top:72px;}
.hero .slide{position:absolute;inset:0;background-size:cover;background-position:center;transition:opacity 0.8s;opacity:0;}
.hero .slide.active{opacity:1;}
.hero-inner{position:relative;z-index:5;max-width:850px;padding:0 18px;}
.caption-box{background:rgba(255,255,255,0.85);padding:24px;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,0.1);margin-bottom:18px;}
.eyebrow{background:var(--muted);padding:6px 12px;border-radius:999px;display:inline-block;margin-bottom:14px;color:var(--dark);}
h1{color:var(--dark);font-size:32px;margin:0;}
.lead{color:#345;margin-top:10px;}
.btn{background:var(--primary);color:white;padding:12px 18px;border-radius:999px;text-decoration:none;font-weight:700;}
.btn.ghost{background:white;color:var(--primary);border:2px solid var(--primary);}
.ctas{margin-top:18px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}

section{padding:80px 18px;}

/* Aplicação de cores de fundo alternadas para as seções de conteúdo */
#sobre, #indicacao {
  background-color: var(--muted); /* Azul-petróleo muito claro */
}

#fidelidade, #contato {
  background-color: #f8f8f8; /* Cinza muito claro, quase branco */
}

#parceria {
  background-color: #f8fafa; /* Um tom de azul muito sutil para a nova seção */
}

/* Garantindo que o hero não tenha fundo, pois já tem as imagens */
.hero {
  background-color: transparent !important;
  padding: 0; /* Remove o padding vertical para não interferir no layout do hero */
}
h2{color:var(--dark);}
.grid{display:grid;gap:18px;}


/* Estilos para a nova seção de Parceria (Visita Skylab & Ensinaskylab) */
.parceria-content{display:grid;grid-template-columns:1fr;gap:30px;align-items:center;}
.parceria-content img{width:100%;height:auto;border-radius:12px;box-shadow:0 6px 18px rgba(0,0,0,0.1);}
@media (min-width: 768px) {
  .parceria-content{grid-template-columns:1fr 1fr;}
  .parceria-text{order:1;}
  .parceria-image{order:2;}
}

/* Estilos para o novo carrossel de serviços */
.services-carousel{padding:40px 0;}
.services-carousel h2{text-align:center;margin-bottom:30px;}
.carousel-track{display:flex;overflow-x:scroll;gap:18px;padding:18px 0;scroll-snap-type:x mandatory;}
.carousel-card{flex:0 0 280px;scroll-snap-align:start;background:white;padding:18px;border-radius:12px;box-shadow:0 6px 18px rgba(0,0,0,0.05);text-align:center;}
.carousel-card img{width:100%;height:180px;object-fit:cover;border-radius:8px;margin-bottom:10px;}
.carousel-card strong{display:block;margin-bottom:5px;color:var(--dark);}
.carousel-card p{font-size:0.9em;color:#555;}
.card{background:white;padding:18px;border-radius:12px;box-shadow:0 6px 18px rgba(0,0,0,0.05);}

/* Estilo para a nova seção de Garantia */
.garantia-nova{
  text-align: center;
  background-color: #f9fbfb !important; /* Fundo muito claro */
}
.garantia-nova h2{
  color: var(--primary);
  margin-bottom: 20px;
}
.garantia-nova p{
  max-width: 800px;
  margin: 10px auto;
  font-size: 1.1em;
}
footer{background:var(--dark);color:white;text-align:center;padding:24px;}

.float-tools{position:fixed;right:18px;bottom:18px;display:flex;flex-direction:column;gap:10px;}
.float-tools a{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:999px;background:var(--primary);color:white;text-decoration:none;font-weight:700;}
.float-tools a.ig{background:#fff;color:var(--primary);border:2px solid var(--primary);}