*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,sans-serif}
body{color:#333;line-height:1.6}
.container{width:90%;max-width:1100px;margin:auto}

.header{position:sticky;top:0;background:#fff;border-bottom:1px solid #eee;z-index:1000}
.header-flex{display:flex;align-items:center;justify-content:space-between;padding:15px 0}
.logo{height:50px}

.nav a{margin:0 10px;text-decoration:none;color:#555}

.header-cta{display:flex;gap:10px}
.cta-btn{padding:8px 16px;border-radius:20px;color:#fff;text-decoration:none;font-size:14px}
.whatsapp{background:#25D366}
.instagram{background:#d6249f}

.burger{display:none;flex-direction:column;gap:5px;cursor:pointer}
.burger span{width:25px;height:3px;background:#333}

.hero{padding:80px 0;background:linear-gradient(135deg,#ffe3ef,#fff)}
.hero-flex{display:flex;gap:40px;align-items:center}
.hero-img{max-width:320px;border-radius:20px}
.btn{display:inline-block;background:#e4007f;color:#fff;padding:12px 28px;border-radius:30px;text-decoration:none;margin-top:20px}

.section{padding:70px 0}
.light{background:#fafafa}
.section-lead{max-width:820px;margin:12px 0 22px 0;color:#555}

.service-block{margin-bottom:40px}
.service-block h3{color:#e4007f;margin-bottom:10px}
.service-block ul{list-style:none}
.service-block li{padding:4px 0}
.service-block li::before{content:"• ";color:#e4007f}

.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.grid img{width:100%;border-radius:15px}

.footer{text-align:center;padding:20px;border-top:1px solid #eee}

/* MOBILE MENU */
.mobile-menu{
  position:fixed;top:0;right:-100%;
  width:100%;height:100%;
  background:#fff;
  display:flex;flex-direction:column;
  align-items:center;justify-content:center;
  gap:25px;font-size:20px;
  transition:.4s;z-index:999
}
.mobile-menu.active{right:0}
.mobile-menu a{text-decoration:none;color:#333}

/* MOBILE BAR */
.mobile-bar{
  position:fixed;bottom:0;left:0;right:0;
  display:none;
  grid-template-columns:repeat(4,1fr);
  background:#fff;border-top:1px solid #eee;
  z-index:1000
}
.mb-icon{
  height:56px;
  background-repeat:no-repeat;
  background-position:center;
  background-size:24px;
  transition:background-color .2s ease;
}
.mb-icon:hover{background-color:#f5f5f5}
.phone{background-image:url("data:image/svg+xml,%3Csvg fill='%23000' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M391 351c-20-20-44-35-70-44l-30 30c-52-28-94-70-122-122l30-30c-9-26-24-50-44-70l-32-32c-16-16-42-16-58 0l-36 36c-20 20-26 50-14 76 48 104 134 190 238 238 26 12 56 6 76-14l36-36c16-16 16-42 0-58z'/%3E%3C/svg%3E")}
.wa{background-image:url("data:image/svg+xml,%3Csvg fill='%2325D366' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M380.9 97.1C339-7.6 220.6-28.4 134.9 57.3 49.2 143 28.4 261.4 113.1 303.3l-18.6 67.9 69.6-18.3c84.2 41.2 202.6 20.1 245.8-64.6 20.8-41.5 20.8-92.1 0-133.6z'/%3E%3C/svg%3E")}
.ig{background-image:url("data:image/svg+xml,%3Csvg fill='%23d6249f' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M224.1 141c-63.6 0-114.9 51.3-114.9 114.9S160.5 370.8 224.1 370.8 339 319.5 339 255.9 287.7 141 224.1 141z'/%3E%3C/svg%3E")}
.mail{background-image:url("data:image/svg+xml,%3Csvg fill='%23e4007f' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M502.3 190.8L327.4 338c-15.8 13.4-39 13.4-54.8 0L9.7 190.8C3.9 186.1 0 178.7 0 170.7V80c0-26.5 21.5-48 48-48h416c26.5 0 48 21.5 48 48v90.7c0 8-3.9 15.4-9.7 20.1z'/%3E%3C/svg%3E")}

/* CERTIFICATES */
.cert-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:18px;
}
.cert-card{
  background:#fff;
  border:1px solid #eee;
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 6px 18px rgba(0,0,0,.04);
  transition:transform .18s ease, box-shadow .18s ease;
}
.cert-card:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 26px rgba(0,0,0,.08);
}
.cert-btn{
  width:100%;
  border:0;
  background:transparent;
  padding:0;
  cursor:pointer;
  display:block;
}
.cert-btn img{
  width:100%;
  display:block;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}
.cert-meta{
  padding:14px 14px 16px;
}
.cert-meta h3{
  font-size:16px;
  margin-bottom:6px;
  color:#222;
}
.cert-meta p{
  font-size:14px;
  color:#555;
}

/* LIGHTBOX */
.lightbox{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.78);
  display:none;
  align-items:center;
  justify-content:center;
  z-index:2000;
  padding:20px;
}
.lightbox.open{display:flex}
.lightbox-img{
  max-width:min(980px, 92vw);
  max-height:88vh;
  border-radius:14px;
  box-shadow:0 18px 50px rgba(0,0,0,.4);
  background:#fff;
}
.lightbox-close{
  position:absolute;
  top:14px;
  right:16px;
  width:44px;
  height:44px;
  border-radius:12px;
  border:0;
  cursor:pointer;
  background:rgba(255,255,255,.14);
  color:#fff;
  font-size:28px;
  line-height:44px;
}
.lightbox-close:hover{background:rgba(255,255,255,.22)}

@media(max-width:768px){
  .nav,.header-cta{display:none}
  .burger{display:flex}
  .hero-flex{flex-direction:column;text-align:center}
  .grid{grid-template-columns:1fr}
  .mobile-bar{display:grid}
  .cert-grid{grid-template-columns:1fr}
  .section{padding:60px 0}
}