@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap');

:root{
  --primary:#1A2A6C;
  --secondary:#B21F1F;
  --accent:#FDBB2D;
  --dark:#0B1220;
  --light:#F2F5FF;
  --card:#FFFFFF;
}

*{margin:0;padding:0;box-sizing:border-box;font-family:'Poppins',sans-serif;}
html{scroll-behavior:smooth;}
body{background:var(--light);color:var(--dark);}

/* HEADER */
header{
  position:sticky;top:0;
  background:white;
  padding:10px 5%;
  display:flex;
  justify-content:space-between;
  align-items:center;
  box-shadow:0 4px 15px rgba(0,0,0,.08);
  z-index:1000;
}
header img{height:48px;}

/* NAVIGATION */
nav a{
  margin-left:16px;
  text-decoration:none;
  color:var(--primary);
  font-weight:600;
}

/* MOBILE MENU */
.menu-btn{display:none;font-size:26px;cursor:pointer;}
#menu-toggle{display:none;}

@media(max-width:768px){
  nav{
    position:fixed;
    top:58px; right:-100%;
    width:75%;
    height:100vh;
    background:white;
    display:flex;
    flex-direction:column;
    gap:20px;
    padding:30px;
    transition:.4s;
    box-shadow:-3px 0 15px rgba(0,0,0,.1);
  }
  nav a{margin:0;}
  .menu-btn{display:block;}
  #menu-toggle:checked ~ nav{right:0;}
}

/* HERO (NO VIDEO) */
.hero{
  min-height:80vh;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:80px 5%;
  background:linear-gradient(120deg,var(--primary),var(--secondary));
  color:white;
}

/* SECTIONS */
section{padding:70px 5%; text-align:center;}

/* PRICING CARDS */
.pricing{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:20px;
  margin-top:30px;
}
.plan{
  background:white;
  padding:25px;
  border-radius:16px;
  box-shadow:0 0 12px rgba(0,0,0,.08);
}

/* SIMPLE CAROUSEL */
.carousel{
  display:flex;
  overflow-x:auto;
  gap:15px;
  padding:10px 0;
  scroll-snap-type:x mandatory;
}
.carousel-item{
  min-width:280px;
  background:white;
  border-radius:14px;
  box-shadow:0 0 12px rgba(0,0,0,.08);
  padding:10px;
  scroll-snap-align:start;
}
.carousel-item img{
  width:100%;
  border-radius:12px;
}
.carousel-item h3{margin-top:8px;}
.carousel-item p{font-size:14px;}

/* LIST */
.steps{
  max-width:900px;
  margin:30px auto 0;
  text-align:left;
}

/* FLOAT BUTTONS */
.float-btn{
  position:fixed;
  right:15px;
  width:56px;height:56px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:white;
  font-size:28px;
  text-decoration:none;
  box-shadow:0 0 12px rgba(0,0,0,.3);
}
.whatsapp{ bottom:90px; background:#25D366;}
.instagram{ bottom:20px; background:#E1306C;}

/* FOOTER */
footer{background:var(--dark);color:white;text-align:center;padding:22px;}