/* styles.css - Mudanzas Luka (profesional) */
:root{
  --accent:#0b74de;
  --bg:#f5f6f8;
  --dark:#222;
}
*{box-sizing:border-box}
body{font-family:Arial,Helvetica,sans-serif;margin:0;color:var(--dark);background:var(--bg);-webkit-font-smoothing:antialiased}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,0.9);backdrop-filter:blur(4px);box-shadow:0 1px 4px rgba(0,0,0,0.06)}
.header-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:12px 20px}
.logo{height:56px}
.contact{display:flex;gap:12px;align-items:center}
.contact a{color:var(--dark);text-decoration:none;font-weight:600}
.call-btn{background:transparent;border:1px solid var(--accent);padding:8px 12px;border-radius:8px;cursor:pointer}
.hero{position:relative;min-height:60vh;display:flex;align-items:center;justify-content:center;overflow:hidden}
.hero-bg{position:absolute;inset:0;background-image:url('logo-preview.webp');background-repeat:no-repeat;background-position:center;background-size:cover;filter:blur(8px) brightness(0.6);opacity:0.65}
.hero-content{position:relative;z-index:2;text-align:center;color:white;padding:40px}
#main-title{font-size:28px;margin:0 0 12px;opacity:0;transform:translateY(10px);animation:fadeIn 2s ease forwards}
.subtitle{margin:0 0 18px;font-size:18px}
.cta{background:var(--accent);color:white;border:none;padding:14px 22px;border-radius:12px;font-size:16px;cursor:pointer;box-shadow:0 6px 18px rgba(11,116,222,0.18);animation:ctaPulse 2.2s ease 0.6s infinite}
.gallery{max-width:1100px;margin:30px auto;padding:0 20px}
.carousel{position:relative;height:420px;overflow:hidden;border-radius:12px}
.carousel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1s ease}
.carousel img.show{opacity:1}
.info{max-width:1100px;margin:24px auto;padding:12px 20px;background:white;border-radius:10px;box-shadow:0 6px 18px rgba(0,0,0,0.04)}
.site-footer{margin-top:30px;background:#2b2b2b;color:white;padding:18px;text-align:center}
.whatsapp-float{position:fixed;right:18px;bottom:18px;background:#25D366;color:white;padding:14px;border-radius:50%;font-size:20px;text-decoration:none;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(0,0,0,0.18)}
@keyframes fadeIn{to{opacity:1;transform:none}}
@keyframes ctaPulse{0%{transform:scale(1)}50%{transform:scale(1.03)}100%{transform:scale(1)}}
/* responsive */
@media(max-width:700px){
  #main-title{font-size:20px}
  .carousel{height:260px}
  .logo{height:44px}
}