/**
 * LAYOUT 8: VIBRANT
 * Cores vibrantes e gradientes modernos
 */

.layout-vibrant .hero-overlay { background: linear-gradient(135deg, rgba(var(--primary-rgb), 0.85) 0%, rgba(0,0,0,0.4) 100%); }
.layout-vibrant .hero-badge { background: white; color: var(--primary); border: none; font-weight: 700; }
.layout-vibrant .hero-title span { background: linear-gradient(90deg, var(--secondary), #fff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.layout-vibrant .section-badge { background: var(--primary); color: white; padding: 0.5rem 1.5rem; border-radius: var(--border-radius); }
.layout-vibrant .section-badge i { display: none; }
.layout-vibrant .section-title { color: var(--primary); }

.layout-vibrant .testimonial-card { background: linear-gradient(145deg, white, var(--bg-section)); border: none; border-left: 4px solid var(--primary); }
.layout-vibrant .testimonial-stars i { color: var(--primary); }

.layout-vibrant .benefit-item { background: linear-gradient(145deg, var(--primary), var(--primary-dark)); color: white; }
.layout-vibrant .benefit-item i { color: var(--secondary); background: rgba(255,255,255,0.2); width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.layout-vibrant .benefit-item strong { color: white; }
.layout-vibrant .benefit-item span { color: rgba(255,255,255,0.9); }

.layout-vibrant .section-gallery { background: linear-gradient(180deg, var(--primary-dark), var(--bg-dark)); }
.layout-vibrant .gallery-overlay { background: linear-gradient(135deg, var(--primary), var(--secondary)); }
.layout-vibrant .filter-btn.active, .layout-vibrant .filter-btn:hover { background: var(--secondary); color: var(--text-dark); border-color: var(--secondary); }

.layout-vibrant .section-testimonials { background: linear-gradient(180deg, var(--bg-section), white); }
.layout-vibrant .section-faq { background: var(--bg-section); }
.layout-vibrant .accordion-button:not(.collapsed) { background: rgba(var(--primary-rgb), 0.1); color: var(--primary); }

.layout-vibrant .section-cta { background: linear-gradient(135deg, var(--primary), var(--primary-dark), var(--secondary)); }

.layout-vibrant .btn-primary { background: linear-gradient(135deg, var(--primary), var(--secondary)); border: none; }
.layout-vibrant .btn-primary:hover { background: linear-gradient(135deg, var(--secondary), var(--primary)); box-shadow: 0 8px 25px rgba(var(--primary-rgb), 0.5); }

.layout-vibrant .navbar.scrolled { background: linear-gradient(90deg, rgba(var(--primary-rgb), 0.95), var(--bg-dark)); }
.layout-vibrant .nav-cta { background: var(--secondary) !important; color: var(--text-dark) !important; }

.layout-vibrant .footer { background: linear-gradient(180deg, var(--primary-dark), var(--bg-dark)); }
.layout-vibrant .footer-social a:hover { background: var(--secondary); color: var(--text-dark); }
.layout-vibrant .footer-contact li i { color: var(--secondary); }