body { margin:0; font-family:Arial; background:#000; color:#fff; overflow-x:hidden; }
.container { max-width:1150px; margin:auto; padding:0 20px; }

/* HEADER PREMIUM */
.main-header {
position:fixed; top:0; left:0; width:100%;
backdrop-filter:blur(12px);
background:rgba(0,0,0,0.55);
border-bottom:1px solid rgba(255,0,0,0.18);
padding:14px 0; z-index:999;
box-shadow:0 4px 18px rgba(0,0,0,0.6);
}
.header-inner { display:flex; justify-content:space-between; align-items:center; }
.logo-img { width:150px; filter: drop-shadow(0 0 12px rgba(255,0,0,0.6)); }
.main-nav a { margin-left:24px; color:#eee; text-decoration:none; font-size:18px; transition:0.3s; }
.main-nav a:hover { color:#ff3c3c; text-shadow:0 0 12px #ff0000; }

/* TOP BAR */
.top-bar {
background:#0b0b0b; padding:6px 0; border-bottom:1px solid #111;
font-size:14px; text-align:center;
}
.top-bar a { color:#ff3b3b; }

/* HERO MOTION PREMIUM */
.hero {
height:350px;
background:url('images/hero.jpg') center bottom/cover no-repeat;
position:relative;
display:flex; align-items:center;
margin-top:115px;
animation:heroMotion 10s ease-in-out infinite;
}
@keyframes heroMotion {
0% { background-position:center bottom; }
50% { background-position:center 70%; }
100% { background-position:center bottom; }
}

.overlay {
position:absolute; inset:0;
background:linear-gradient(to top, rgba(0,0,0,0.65), rgba(0,0,0,0.10));
}

.hero-inner { position:relative; z-index:2; }
.hero-title {
font-size:42px; font-weight:bold;
text-shadow:0 0 25px #000, 0 0 12px #ff0000;
margin-bottom:12px;
}
.hero-sub { font-size:19px; margin-bottom:25px; color:#eee; }

.hero-buttons { display:flex; gap:12px; }
.btn {
padding:12px 25px; border-radius:30px; text-decoration:none; font-weight:bold;
transition:0.3s;
}
.btn.primary {
background:#ff3030; color:#fff;
box-shadow:0 0 12px rgba(255,0,0,0.5);
}
.btn.primary:hover { background:#ff5050; transform:scale(1.05); }
.btn.ghost {
border:1px solid #ff3030; color:#ff8080;
}
.btn.ghost:hover {
background:#ff3030; color:#fff; transform:scale(1.05);
}

/* WHATSAPP FLOATING */
.whatsapp-float {
position:fixed; bottom:22px; right:22px;
background:#25D366; width:60px; height:60px; border-radius:50%;
display:flex; align-items:center; justify-content:center;
font-size:32px; color:white;
box-shadow:0 0 14px rgba(0,0,0,0.5);
z-index:9999;
animation:pulse 1.8s infinite;
}
@keyframes pulse {
0% { transform:scale(1); }
50% { transform:scale(1.1); }
100% { transform:scale(1); }
}

/* SECTION PREMIUM */
.section { padding:70px 0; }
.section.alt { background:#0b0b0b; }
h2 { font-size:28px; margin-bottom:10px; text-shadow:0 0 12px rgba(255,0,0,0.4); }
.lead { color:#ccc; margin-bottom:35px; }

/* PREMIUM GALLERY */
.gallery {
display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
gap:25px;
}
.g-item {
position:relative;
border-radius:12px;
overflow:hidden;
border:1px solid rgba(255,0,0,0.3);
box-shadow:0 0 18px rgba(0,0,0,0.6);
transition:0.3s;
}
.g-item:hover { transform:scale(1.04); box-shadow:0 0 25px rgba(255,0,0,0.5); }
.g-item img { width:100%; display:block; }
.g-item span {
position:absolute; bottom:8px; left:12px;
background:rgba(0,0,0,0.55); padding:5px 12px;
border-radius:6px; font-size:14px;
}

/* FOOTER */
.footer {
border-top:1px solid rgba(255,0,0,0.4);
padding:22px 0; text-align:center;
color:#999;
box-shadow:0 -4px 18px rgba(0,0,0,0.7);
margin-top:40px;
}