
:root{--brand:#0b2037;--accent:#f8b400;--bg:#ffffff;--soft:#f9fafb;}
body{margin:0;font-family:system-ui,Arial;background:var(--bg);color:#1a1a1a}
header{position:relative;text-align:center;color:#fff}
header img{width:100%;height:70vh;object-fit:cover;filter:brightness(.6)}
header .title{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
header h1{font-size:3rem;margin:0;text-shadow:0 3px 8px rgba(0,0,0,.6)}
header p{font-size:1.2rem}
.section{padding:3rem 1.5rem;text-align:center}
h2{color:var(--brand)}
.gallery{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:2rem}
.gallery img{width:140px;height:140px;object-fit:cover;border-radius:10px;cursor:pointer;transition:.3s;box-shadow:0 4px 15px rgba(0,0,0,.1)}
.gallery img:hover{transform:scale(1.05)}
.lightbox{display:none;position:fixed;inset:0;background:rgba(0,0,0,.9);align-items:center;justify-content:center;z-index:999}
.lightbox.open{display:flex}
.lightbox img{max-width:90%;max-height:90%;border-radius:12px;box-shadow:0 10px 25px rgba(255,255,255,.2)}
iframe{border:0;width:100%;border-radius:12px;box-shadow:0 6px 20px rgba(0,0,0,.08)}
footer{background:var(--brand);color:#fff;padding:2rem 1rem;margin-top:3rem}
.whatsapp{position:fixed;bottom:20px;right:20px;background:#25d366;padding:14px 18px;border-radius:999px;color:#fff;font-weight:700;text-decoration:none;box-shadow:0 5px 20px rgba(0,0,0,.3)}
.btn{background:var(--accent);color:#fff;padding:10px 20px;border-radius:999px;text-decoration:none;display:inline-block;margin-top:1rem}
