:root{--turicanje-black:#0a0a0a;--turicanje-dark:#1a1a2e;--turicanje-magenta:#d1007d;--turicanje-magenta-light:#ff006e;--turicanje-purple:#6b3fa0;--turicanje-white:#fff}.faq-container{background-color:var(--turicanje-black);width:100%;min-height:100vh;color:var(--turicanje-white)}.faq-container .faq-header{z-index:1000;background:linear-gradient(#00000080,#0000);padding:.75rem 2rem;position:fixed;top:0;left:0;right:0}.faq-container .header-container{justify-content:space-between;align-items:center;max-width:1400px;height:70px;margin:0 auto;display:flex}.faq-container .header-logo img{width:auto;height:50px}.faq-container .header-nav{align-items:center;gap:0;display:flex}.faq-container .nav-link{color:#fff;letter-spacing:.5px;background-color:#6b3fa04d;border:1px solid #6b3fa080;padding:.75rem 1.5rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s}.faq-container .nav-link:first-child{border-radius:8px 0 0 8px}.faq-container .nav-link:last-child{border-radius:0 8px 8px 0}.faq-container .nav-link:hover{background-color:#6b3fa099}.faq-container .nav-link.active{background-color:#6b3fa099;border-color:#6b3fa0cc}.faq-container .header-user-menu{position:relative}.faq-container .btn-login{color:#fff;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem;text-decoration:none;transition:opacity .2s;display:flex}.faq-container .btn-login:hover{opacity:.8}.faq-container .user-menu-btn{cursor:pointer;background:#ffffff26;border:1px solid #ffffff4d;border-radius:30px;align-items:center;gap:10px;padding:6px 14px 6px 6px;transition:all .2s;display:flex}.faq-container .user-menu-btn:hover{background:#ffffff40}.faq-container .user-avatar-header{color:#fff;background:linear-gradient(135deg,#d1007d 0%,#6b3fa0 100%);border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;font-weight:700;display:flex}.faq-container .user-name-header{color:#fff;font-size:14px;font-weight:500}.faq-container .menu-arrow{color:#ffffffb3;font-size:10px;transition:transform .2s}.faq-container .menu-arrow.open{transform:rotate(180deg)}.faq-container .user-dropdown{z-index:1000;border-radius:12px;min-width:220px;animation:.2s faq-dropdownFade;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 4px 25px #00000026;background:#fff!important}@keyframes faq-dropdownFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.faq-container .dropdown-header{padding:16px;background:#f9f9f9!important}.faq-container .dropdown-name{font-size:14px;font-weight:600;display:block;color:#333!important}.faq-container .dropdown-email{margin-top:2px;font-size:12px;display:block;color:#666!important}.faq-container .dropdown-divider{background:#eee;height:1px}.faq-container .dropdown-item{cursor:pointer;text-align:left;border:none;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:14px;text-decoration:none;transition:background .2s;display:flex;color:#333!important;background:#fff!important}.faq-container .dropdown-item:hover{background:#f5f5f5!important}.faq-container .dropdown-item.logout{color:#c62828!important}.faq-container .dropdown-item.logout:hover{background:#ffebee!important}.faq-hero{text-align:center;background:linear-gradient(135deg,var(--turicanje-magenta)0%,var(--turicanje-purple)100%);padding:160px 5% 60px;position:relative;overflow:hidden}.faq-hero:before{content:"";pointer-events:none;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.faq-hero .hero-content{z-index:1;max-width:800px;margin:0 auto;position:relative}.faq-hero h1{color:var(--turicanje-white);margin-bottom:.75rem;font-size:3rem;font-weight:700}.faq-hero p{color:#ffffffe6;font-size:1.2rem}.faq-main{background:var(--turicanje-dark);padding:4rem 5%}.faq-content{max-width:900px;margin:0 auto}.faq-filtros{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:2.5rem;display:flex}.filtro-btn{color:#ffffffb3;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:25px;padding:.6rem 1.5rem;font-size:.9rem;font-weight:500;transition:all .2s}.filtro-btn:hover{color:var(--turicanje-white);background:#fff3}.filtro-btn.active{background:linear-gradient(135deg,var(--turicanje-magenta),var(--turicanje-purple));color:var(--turicanje-white);border-color:#0000}.faq-lista{flex-direction:column;gap:1rem;display:flex}.faq-item{background:var(--turicanje-black);border:1px solid #ffffff0d;border-radius:16px;transition:all .3s;overflow:hidden}.faq-item:hover{border-color:#d1007d33}.faq-item.active{border-color:#d1007d4d;box-shadow:0 8px 30px #d1007d33}.faq-pregunta{width:100%;color:var(--turicanje-white);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:1rem;padding:1.25rem 1.5rem;transition:all .2s;display:flex}.faq-pregunta:hover{background:#ffffff08}.faq-categoria-tag{text-transform:uppercase;color:var(--turicanje-magenta-light);background:#d1007d33;border-radius:6px;flex-shrink:0;padding:.3rem .6rem;font-size:.7rem;font-weight:600}.faq-texto{flex:1;font-size:1rem;font-weight:500;line-height:1.4}.faq-icon{color:var(--turicanje-magenta-light);text-align:center;flex-shrink:0;width:30px;font-size:1.5rem;font-weight:300;transition:transform .3s}.faq-item.active .faq-icon{transform:rotate(45deg)}.faq-respuesta{padding:0 1.5rem 1.5rem;animation:.3s faq-fadeIn}@keyframes faq-fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.faq-respuesta p{color:#ffffffbf;margin:0;padding-left:4.5rem;font-size:.95rem;line-height:1.8}.faq-cta{text-align:center;background:linear-gradient(135deg,#d1007d1a 0%,#6b3fa01a 100%);border:1px solid #d1007d33;border-radius:20px;margin-top:4rem;padding:3rem}.faq-cta h2{color:var(--turicanje-white);margin-bottom:.5rem;font-size:1.5rem;font-weight:600}.faq-cta p{color:#ffffffb3;margin-bottom:1.5rem}.faq-cta .cta-btn{color:var(--turicanje-white);background:linear-gradient(135deg,var(--turicanje-magenta),var(--turicanje-purple));border-radius:12px;padding:1rem 2.5rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block;box-shadow:0 4px 15px #d1007d4d}.faq-cta .cta-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #d1007d66}.faq-footer{background:var(--turicanje-black);border-top:1px solid #ffffff1a;padding:2rem 5%}.faq-footer .footer-content{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex}.faq-footer .footer-logo img{width:auto;height:35px}.faq-footer p{color:#ffffff80;margin:0;font-size:.9rem}@media (max-width:768px){.faq-container .faq-header{padding:.5rem 1rem}.faq-container .header-container{height:60px}.faq-container .header-logo img{height:36px}.faq-container .header-nav,.faq-container .user-name-header{display:none}.faq-container .user-menu-btn{padding:4px}.faq-container .menu-arrow{display:none}.faq-hero{padding:120px 5% 50px}.faq-hero h1{font-size:2rem}.faq-hero p{font-size:1rem}.faq-main{padding:2.5rem 5%}.faq-pregunta{flex-wrap:wrap;padding:1rem}.faq-categoria-tag{order:-1;margin-bottom:.5rem}.faq-texto{width:calc(100% - 50px)}.faq-respuesta p{padding-left:0}.faq-cta{padding:2rem 1.5rem}.faq-footer .footer-content{text-align:center;flex-direction:column;gap:1rem}}
