/* Wrapper */
.gallery-wrapper { padding:50px 20px; max-width:1400px; margin:auto; }

/* HERO */
.gallery-hero { margin-bottom:50px; text-align:center; }
.gallery-badge

{ display:inline-block; font-size:14px; color:#fff; background:#1e88e5; padding:5px 20px; border-radius:30px; letter-spacing:1px; }
.gallery-title { font-size:3rem; font-weight:700; margin:15px 0; color:#1e88e5;}
.gallery-subtitle { font-size:1.2rem; color:#030d16; font-weight:200; }

/* Category Buttons */
.gallery-categories { margin-bottom:50px; text-align:center; }
.category-btn { padding:10px 20px; margin:0 10px 12px 0; border:none; border-radius:30px; background:#eee; cursor:pointer; transition:0.3s; font-weight:500; }
.category-btn.active, .category-btn:hover { background:#1e88e5; color:#fff; }

/* Grid */
.gallery-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(350px, 1fr)); gap:30px; justify-items:center; }

/* Gallery Item */
.gallery-item { background:#fff; border-radius:15px; overflow:hidden; box-shadow:0 12px 30px rgba(0,0,0,0.15); transition:transform 0.3s; width:100%; max-width:500px; }
.gallery-item:hover { transform:translateY(-7px); }

/* Media */
.gallery-item .media { position:relative; width:100%; overflow:hidden; }
.gallery-item img, .gallery-item video { width:100%; height:350px; object-fit:cover; border-radius:15px 15px 0 0; transition:transform 0.4s; }
.gallery-item img:hover, .gallery-item video:hover { transform:scale(1.05); cursor:pointer; }

/* Video.js full width */
.video-js { width:100%; height:350px; border-radius:15px 15px 0 0; }

/* Body */
.gallery-body { padding:15px; text-align:center; }
.gallery-body h3 { font-size:1.4rem; margin-bottom:5px; }
.gallery-body p { font-size:1rem; color:#666; }

/* Empty */
.gallery-empty { padding:60px 20px; text-align:center; color:#1e88e5; font-size:1.1rem; }

/* WhatsApp */
.wa-float { position:fixed; bottom:20px; right:20px; background:#25d366; color:#fff; border-radius:50%; width:60px; height:60px; display:flex; justify-content:center; align-items:center; font-size:28px; z-index:999; opacity:0; pointer-events:none; transition:0.3s; }
.wa-float.show { opacity:1; pointer-events:auto; transform:translateY(0); }
.wa-float .wa-tooltip { position:absolute; bottom:70px; right:0; background:#333; color:#fff; padding:6px 12px; border-radius:4px; font-size:12px; white-space:nowrap; opacity:0; transition:0.3s; }
.wa-float:hover .wa-tooltip { opacity:1; }

/* Responsive */
@media(max-width:992px){ .gallery-item img,.gallery-item video,.video-js{height:280px;} }
@media(max-width:768px){ .gallery-title{font-size:2.5rem;} .gallery-subtitle{font-size:1rem;} .gallery-item img,.gallery-item video,.video-js{height:250px;} }
@media(max-width:480px){ .gallery-item img,.gallery-item video,.video-js{height:200px;} }