/**
 * LAYOUT 11: TECH
 * Visual tecnológico com efeitos de glass e blur
 */

.layout-tech { --bg-light: #0a0a0f; --bg-section: #12121a; /* Maior contraste para dark mode */ --text-dark: #E5E7EB; --text-muted: #8888a0; }
.layout-tech body { background: var(--bg-light); color: var(--text-dark); }

.layout-tech .hero-overlay { background: linear-gradient(135deg, rgba(0,0,0,0.7) 0%, rgba(var(--primary-rgb), 0.3) 100%); }
.layout-tech .hero::before { content: ''; position: absolute; inset: 0; background: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M0 0h40v40H0V0zm1 1v38h38V1H1z'/%3E%3C/g%3E%3C/svg%3E"); z-index: 1; }
.layout-tech .hero-badge { background: rgba(var(--primary-rgb), 0.2); border: 1px solid rgba(var(--primary-rgb), 0.5); backdrop-filter: blur(10px); }
.layout-tech .hero-title span { color: var(--primary); text-shadow: 0 0 30px rgba(var(--primary-rgb), 0.5); }

.layout-tech section { background: var(--bg-section); }
.layout-tech .section-light { background: var(--bg-light); }
.layout-tech .section-gray { background: var(--bg-section); }
.layout-tech .section-badge { color: var(--primary); border: 1px solid rgba(var(--primary-rgb), 0.3); padding: 0.5rem 1rem; border-radius: var(--border-radius-sm); background: rgba(var(--primary-rgb), 0.1); }
.layout-tech .section-title { color: var(--text-dark); }
.layout-tech .section-text { color: var(--text-muted); }

.layout-tech .testimonial-card { background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.08); backdrop-filter: blur(10px); }
.layout-tech .testimonial-card:hover { border-color: var(--primary); box-shadow: 0 0 30px rgba(var(--primary-rgb), 0.2); }
.layout-tech .testimonial-content { color: var(--text-muted); }
.layout-tech .testimonial-author strong { color: var(--text-dark); }

.layout-tech .benefit-item { background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.08); backdrop-filter: blur(10px); }
.layout-tech .benefit-item:hover { border-color: var(--primary); box-shadow: 0 0 20px rgba(var(--primary-rgb), 0.15); }
.layout-tech .benefit-item strong { color: var(--text-dark); }
.layout-tech .benefit-item span { color: var(--text-muted); }

.layout-tech .section-gallery { background: var(--bg-light); }
.layout-tech .gallery-overlay { background: rgba(var(--primary-rgb), 0.9); }
.layout-tech .filter-btn { background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); }
.layout-tech .filter-btn.active, .layout-tech .filter-btn:hover { background: var(--primary); border-color: var(--primary); }

.layout-tech .section-faq { background: var(--bg-section); }
.layout-tech .accordion-item { background: rgba(255,255,255,0.03) !important; border: 1px solid rgba(255,255,255,0.08) !important; }
.layout-tech .accordion-button { background: transparent; color: var(--text-dark); }
.layout-tech .accordion-button:not(.collapsed) { color: var(--primary); }
.layout-tech .accordion-body { color: var(--text-muted); }

.layout-tech .section-cta { background: linear-gradient(135deg, var(--primary-dark), var(--bg-dark)); position: relative; overflow: hidden; }
.layout-tech .section-cta::before { content: ''; position: absolute; inset: 0; background: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M0 0h40v40H0V0zm1 1v38h38V1H1z'/%3E%3C/g%3E%3C/svg%3E"); }

.layout-tech .btn-primary { background: var(--primary); border: none; box-shadow: 0 0 20px rgba(var(--primary-rgb), 0.4); }
.layout-tech .btn-primary:hover { box-shadow: 0 0 30px rgba(var(--primary-rgb), 0.6); }

.layout-tech .navbar.scrolled { background: rgba(10, 10, 15, 0.95); backdrop-filter: blur(20px); border-bottom: 1px solid rgba(255,255,255,0.05); }
.layout-tech .gastro-features li { background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.08); color: var(--text-dark); }
.layout-tech .footer { background: #050508; border-top: 1px solid rgba(255,255,255,0.05); }
.layout-tech .footer p, .layout-tech .footer-contact li { color: var(--text-muted); }
.layout-tech .footer-social a { background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); }
.layout-tech .footer-social a:hover { background: var(--primary); border-color: var(--primary); }