/* ==========================================
           DESIGN SYSTEM & VARIÁVEIS CSS
           ========================================== */
        :root {
            /* Cores Principais */
            --primary: #FF6B00;       /* Laranja Industrial */
            --primary-rgb: 255, 107, 0;
            --accent: #00CEC9;        /* Ciano Tecnológico */
            --accent-rgb: 0, 206, 201;
            --bg: #0F111A;            /* Fundo Escuro Profundo */
            --bg-alt: #141722;        /* Fundo Alternativo Secundário */
            --card: #171A21;          /* Fundo dos Cards */
            --card-hover: #1E222D;    /* Hover dos Cards */
            --border: #242936;        /* Bordas Finais */
            --text: #E4E8EE;          /* Texto Principal */
            --text-light: #8F9BA8;    /* Texto de Suporte / Cinza */
            
            /* Status / Níveis */
            --success: #00B894;       /* Verde / Fácil */
            --warning: #FDCB6E;       /* Amarelo / Médio */
            --danger: #FF7675;        /* Vermelho / Difícil */
            
            /* Cores de Filamentos */
            --color-pla: #00B894;
            --color-petg: #0984E3;
            --color-tpu: #A29BFE;
            --color-abs: #FF7675;
            --color-asa: #FD79A8;
            --color-nylon: #FDCB6E;

            /* Tipografia */
            --font-display: 'Space Grotesk', sans-serif;
            --font-body: 'Plus Jakarta Sans', sans-serif;

            /* Efeitos */
            --transition-fast: 0.2s ease;
            --transition-normal: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            --radius-sm: 8px;
            --radius-md: 15px;
            --radius-lg: 20px;
            --shadow-neon: 0 0 20px rgba(255, 107, 0, 0.15);
            --shadow-accent: 0 0 20px rgba(0, 206, 201, 0.15);
        }

        /* Variáveis do Tema Claro */
        body.light-theme {
            --bg: #F8F9FA;
            --bg-alt: #F1F3F5;
            --card: #FFFFFF;
            --card-hover: #ECEFF1;
            --border: #DEE2E6;
            --text: #212529;
            --text-light: #495057;
            --shadow-neon: 0 4px 20px rgba(255, 107, 0, 0.08);
            --shadow-accent: 0 4px 20px rgba(0, 206, 201, 0.08);
        }

        body.light-theme .navbar-wrapper {
            background: rgba(248, 249, 250, 0.85);
        }
        body.light-theme .navbar-wrapper.scrolled {
            box-shadow: 0 4px 30px rgba(0, 0, 0, 0.05);
        }

        /* ==========================================
           RESET & ESTILOS GERAIS
           ========================================== */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            outline: none;
        }

        html {
            scroll-behavior: smooth;
            font-size: 16px;
        }

        body {
            background-color: var(--bg);
            color: var(--text);
            font-family: var(--font-body);
            line-height: 1.6;
            overflow-x: hidden;
            transition: background-color 0.3s ease, color 0.3s ease;
        }

        /* Transição global para todos os containers de layout e cards na troca de temas */
        header, footer, section, .navbar-wrapper, .checklist-box, .accordion, .accordion-header, .accordion-body, .accordion-content, .filament-card, .storage-card, .symptom-card, .tool-card, .site-card, .printer-card-details, .settings-box, .temp-row, .layer-interactive-svg, .video-box, input, button, table, td, th {
            transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
        }

        /* Botão Alternador de Tema */
        .theme-toggle {
            background: transparent;
            border: 1px solid var(--border);
            color: var(--text);
            width: 40px;
            height: 40px;
            border-radius: var(--radius-sm);
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: var(--transition-normal);
            font-size: 1.05rem;
            order: 2;
        }
        .theme-toggle:hover {
            border-color: var(--accent);
            color: var(--accent);
            box-shadow: var(--shadow-accent);
        }
        @media (min-width: 993px) {
            .theme-toggle {
                margin-left: 0.75rem;
            }
        }

        /* Scrollbar Personalizada */
        ::-webkit-scrollbar {
            width: 8px;
        }
        ::-webkit-scrollbar-track {
            background: var(--bg);
        }
        ::-webkit-scrollbar-thumb {
            background: var(--border);
            border-radius: 4px;
        }
        ::-webkit-scrollbar-thumb:hover {
            background: var(--primary);
        }

        a {
            color: inherit;
            text-decoration: none;
            transition: var(--transition-fast);
        }

        ul {
            list-style: none;
        }

        /* Container Principal */
        .container {
            width: 100%;
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 1.5rem;
        }

        /* Títulos de Seção */
        .section {
            padding: 5rem 0;
            border-bottom: 1px solid var(--border);
        }
        .section.bg-alt {
            background-color: var(--bg-alt);
        }

        .section-header {
            text-align: center;
            margin-bottom: 3.5rem;
            position: relative;
        }

        .section-badge {
            display: inline-block;
            padding: 0.4rem 1rem;
            background: rgba(255, 107, 0, 0.1);
            border: 1px solid var(--primary);
            border-radius: 30px;
            font-family: var(--font-display);
            font-size: 0.85rem;
            color: var(--primary);
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 1px;
            margin-bottom: 1rem;
        }

        .section-title {
            font-family: var(--font-display);
            font-size: 2.5rem;
            font-weight: 700;
            color: var(--text);
            letter-spacing: -0.5px;
            margin-bottom: 0.75rem;
        }

        .section-subtitle {
            font-size: 1.1rem;
            color: var(--text-light);
            max-width: 600px;
            margin: 0 auto;
        }

        /* Grid Utilitário */
        .grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 2rem;
        }

        /* Badges de Dificuldade */
        .badge {
            display: inline-flex;
            align-items: center;
            gap: 0.4rem;
            padding: 0.3rem 0.8rem;
            border-radius: 30px;
            font-size: 0.75rem;
            font-weight: 600;
            font-family: var(--font-display);
            text-transform: uppercase;
        }
        .badge.easy { background: rgba(0, 184, 148, 0.1); color: var(--success); border: 1px solid rgba(0, 184, 148, 0.2); }
        .badge.medium { background: rgba(253, 203, 110, 0.1); color: var(--warning); border: 1px solid rgba(253, 203, 110, 0.2); }
        .badge.hard { background: rgba(255, 118, 117, 0.1); color: var(--danger); border: 1px solid rgba(255, 118, 117, 0.2); }

        /* ==========================================
           NAVBAR FIXA (STICKY, BLUR, READ PROGRESS)
           ========================================== */
        .navbar-wrapper {
            position: sticky;
            top: 0;
            z-index: 1000;
            background: rgba(15, 17, 26, 0.85);
            backdrop-filter: blur(12px);
            border-bottom: 1px solid var(--border);
            transition: var(--transition-normal);
        }
        .navbar-wrapper.scrolled {
            border-bottom-color: rgba(255, 107, 0, 0.3);
            box-shadow: 0 4px 30px rgba(0, 0, 0, 0.4);
        }

        .navbar {
            display: flex;
            align-items: center;
            justify-content: space-between;
            height: 80px;
            transition: var(--transition-normal);
        }
        .navbar-wrapper.scrolled .navbar {
            height: 65px;
        }

        .logo {
            display: flex;
            align-items: center;
            gap: 0.75rem;
            font-family: var(--font-display);
            font-size: 1.4rem;
            font-weight: 700;
            color: var(--text);
        }
        .logo i {
            color: var(--primary);
            font-size: 1.6rem;
            transition: var(--transition-normal);
        }
        .logo:hover i {
            transform: rotate(20deg) scale(1.1);
        }
        .logo span {
            background: linear-gradient(135deg, var(--text) 30%, var(--primary));
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .nav-links {
            display: flex;
            align-items: center;
            gap: 1.1rem;
        }

        .nav-links a {
            font-size: 0.875rem;
            font-weight: 500;
            color: var(--text-light);
            position: relative;
            padding: 0.5rem 0;
            white-space: nowrap;
        }
        .nav-links a::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 0;
            height: 2px;
            background: var(--primary);
            transition: var(--transition-fast);
        }
        .nav-links a:hover,
        .nav-links a.active {
            color: var(--primary);
        }
        .nav-links a:hover::after,
        .nav-links a.active::after {
            width: 100%;
        }

        /* Menu Mobile Hamburguer */
        .menu-toggle {
            display: none;
            background: none;
            border: none;
            color: var(--text);
            font-size: 1.5rem;
            cursor: pointer;
        }

        /* Barra de Leitura / Progresso de Scroll */
        .progress-bar-container {
            position: absolute;
            bottom: -1px;
            left: 0;
            width: 100%;
            height: 2.5px;
            background: transparent;
        }
        .progress-bar {
            width: 0%;
            height: 100%;
            background: linear-gradient(90deg, var(--primary), var(--accent));
            transition: width 0.05s ease-out;
        }

        /* Skip Link para Acessibilidade */
        .skip-link {
            position: absolute;
            top: -100px;
            left: 50%;
            transform: translateX(-50%);
            background: var(--primary);
            color: white;
            padding: 0.75rem 1.5rem;
            border-bottom-left-radius: 8px;
            border-bottom-right-radius: 8px;
            z-index: 1001;
            font-family: var(--font-display);
            font-weight: 600;
            transition: top 0.2s;
        }
        .skip-link:focus {
            top: 0;
        }

        /* ==========================================
           HERO SECTION
           ========================================== */
        .hero {
            position: relative;
            padding: 7rem 0 6rem 0;
            overflow: hidden;
            display: flex;
            align-items: center;
            background: radial-gradient(circle at 80% 20%, rgba(255, 107, 0, 0.08), transparent 50%),
                        radial-gradient(circle at 10% 80%, rgba(0, 206, 201, 0.05), transparent 50%);
        }

        .hero::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 1px;
            background: linear-gradient(90deg, transparent, var(--border), transparent);
        }

        .hero-grid {
            display: grid;
            grid-template-columns: 1.2fr 0.8fr;
            gap: 4rem;
            align-items: center;
            position: relative;
            z-index: 2;
            width: 100%;
        }
        .hero-text-content {
            text-align: left;
        }
        .hero-image-content {
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
        }
        .hero-logo-img {
            width: 100%;
            max-width: 320px;
            height: auto;
            border-radius: var(--radius-lg);
            box-shadow: var(--shadow-neon);
            border: 1px solid var(--border);
            animation: floatLogo 5s ease-in-out infinite;
        }
        @keyframes floatLogo {
            0%, 100% { transform: translateY(0); }
            50% { transform: translateY(-12px); }
        }
        @media (max-width: 992px) {
            .hero-grid {
                grid-template-columns: 1fr;
                gap: 3rem;
            }
            .hero-text-content {
                text-align: center;
            }
            .hero-logo-img {
                max-width: 250px;
            }
        }

        .hero-badge {
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            padding: 0.5rem 1.25rem;
            background: rgba(255, 107, 0, 0.08);
            border: 1px dashed var(--primary);
            border-radius: 50px;
            color: var(--primary);
            font-family: var(--font-display);
            font-weight: 600;
            font-size: 0.9rem;
            margin-bottom: 2rem;
            animation: pulse-glow 2.5s infinite;
        }

        .hero-title {
            font-family: var(--font-display);
            font-size: 3.8rem;
            line-height: 1.15;
            font-weight: 800;
            letter-spacing: -1px;
            margin-bottom: 1.5rem;
        }

        .hero-title span.gradient {
            background: linear-gradient(135deg, var(--text) 30%, var(--primary) 70%, var(--accent));
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-size: 200% auto;
            animation: textGradient 6s linear infinite;
        }

        .hero-subtitle {
            font-size: 1.25rem;
            color: var(--text-light);
            max-width: 650px;
            margin: 0 0 3rem 0;
            font-weight: 400;
        }
        @media (max-width: 992px) {
            .hero-subtitle {
                margin: 0 auto 3rem auto;
            }
        }

        .hero-cta {
            display: flex;
            align-items: center;
            justify-content: flex-start;
            gap: 1.5rem;
        }
        @media (max-width: 992px) {
            .hero-cta {
                justify-content: center;
            }
        }

        .btn {
            display: inline-flex;
            align-items: center;
            gap: 0.75rem;
            padding: 0.9rem 2rem;
            font-family: var(--font-display);
            font-weight: 600;
            font-size: 1rem;
            border-radius: var(--radius-md);
            cursor: pointer;
            transition: var(--transition-normal);
        }

        .btn-primary {
            background: var(--primary);
            color: #FFFFFF;
            border: 1px solid var(--primary);
            box-shadow: var(--shadow-neon);
        }
        .btn-primary:hover {
            background: #E05E00;
            border-color: #E05E00;
            transform: translateY(-3px);
            box-shadow: 0 0 30px rgba(255, 107, 0, 0.3);
        }

        .btn-secondary {
            background: rgba(255, 255, 255, 0.03);
            color: var(--text);
            border: 1px solid var(--border);
        }
        .btn-secondary:hover {
            background: rgba(255, 255, 255, 0.08);
            border-color: var(--text-light);
            transform: translateY(-3px);
        }

        /* Animações Core */
        @keyframes textGradient {
            0% { background-position: 0% 50%; }
            50% { background-position: 100% 50%; }
            100% { background-position: 0% 50%; }
        }

        @keyframes pulse-glow {
            0% {
                box-shadow: 0 0 0 0 rgba(255, 107, 0, 0.3);
            }
            70% {
                box-shadow: 0 0 0 10px rgba(255, 107, 0, 0);
            }
            100% {
                box-shadow: 0 0 0 0 rgba(255, 107, 0, 0);
            }
        }

        /* ==========================================
           SEÇÃO 1: GLOSSÁRIO DE SIGLAS
           ========================================== */
        .glossary-search-wrapper {
            max-width: 500px;
            margin: 0 auto 3rem auto;
            position: relative;
        }

        .glossary-search {
            width: 100%;
            padding: 1rem 1.5rem 1rem 3rem;
            background: var(--card);
            border: 1px solid var(--border);
            border-radius: var(--radius-md);
            color: var(--text);
            font-family: var(--font-body);
            font-size: 1rem;
            transition: var(--transition-normal);
        }
        .glossary-search:focus {
            border-color: var(--accent);
            box-shadow: var(--shadow-accent);
            background: var(--bg-alt);
        }

        .glossary-search-wrapper i {
            position: absolute;
            left: 1.25rem;
            top: 50%;
            transform: translateY(-50%);
            color: var(--text-light);
            transition: var(--transition-fast);
        }
        .glossary-search:focus + i {
            color: var(--accent);
        }

        /* Accordions */
        .accordion-group {
            margin-bottom: 2rem;
        }
        .accordion-group-title {
            font-family: var(--font-display);
            font-size: 1.4rem;
            font-weight: 600;
            color: var(--accent);
            margin-bottom: 1.25rem;
            display: flex;
            align-items: center;
            gap: 0.75rem;
            padding-left: 0.5rem;
        }

        .accordion {
            background: var(--card);
            border: 1px solid var(--border);
            border-radius: var(--radius-md);
            margin-bottom: 0.75rem;
            overflow: hidden;
            transition: var(--transition-normal);
        }
        .accordion:hover {
            border-color: rgba(255, 107, 0, 0.3);
        }
        .accordion.active {
            border-color: var(--primary);
            box-shadow: var(--shadow-neon);
        }

        .accordion-header {
            width: 100%;
            padding: 1.25rem 1.5rem;
            background: none;
            border: none;
            color: var(--text);
            font-family: var(--font-display);
            font-size: 1.1rem;
            font-weight: 600;
            text-align: left;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 1rem;
        }

        .accordion-header-title {
            display: flex;
            align-items: center;
            gap: 0.75rem;
        }
        .accordion-header-title span.term-sigla {
            background: rgba(255, 107, 0, 0.1);
            color: var(--primary);
            padding: 0.2rem 0.5rem;
            border-radius: 4px;
            font-size: 0.8rem;
            border: 1px solid rgba(255, 107, 0, 0.2);
        }

        .accordion-header .chevron {
            color: var(--text-light);
            transition: var(--transition-normal);
        }
        .accordion.active .chevron {
            transform: rotate(180deg);
            color: var(--primary);
        }

        .accordion-body {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s cubic-bezier(0, 1, 0, 1);
            background: rgba(255, 255, 255, 0.01);
        }
        .accordion.active .accordion-body {
            max-height: 1000px; /* valor alto o suficiente */
            transition: max-height 0.3s ease-in-out;
        }

        .accordion-content {
            padding: 0 1.5rem 1.5rem 1.5rem;
            font-size: 0.95rem;
            color: var(--text-light);
            border-top: 1px solid rgba(36, 41, 54, 0.5);
            padding-top: 1.25rem;
        }

        /* Highlight de termos buscados */
        .highlight {
            background: rgba(255, 107, 0, 0.2);
            color: var(--primary);
            padding: 0 2px;
            border-radius: 2px;
            font-weight: 600;
        }

        /* ==========================================
           SEÇÃO 2: PROCEDIMENTOS BÁSICOS
           ========================================== */
        /* Steps */
        .steps-container {
            display: flex;
            justify-content: space-between;
            position: relative;
            margin-bottom: 4rem;
        }

        .steps-line {
            position: absolute;
            top: 25px;
            left: 5%;
            right: 5%;
            height: 3px;
            background: var(--border);
            z-index: 1;
        }
        .steps-progress {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 0%;
            background: linear-gradient(90deg, var(--primary), var(--accent));
            transition: width 0.5s ease;
        }

        .step-item {
            position: relative;
            z-index: 2;
            display: flex;
            flex-direction: column;
            align-items: center;
            cursor: pointer;
            width: 18%;
        }

        .step-circle {
            width: 54px;
            height: 54px;
            background: var(--card);
            border: 2px solid var(--border);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-family: var(--font-display);
            font-weight: 700;
            font-size: 1.1rem;
            color: var(--text-light);
            transition: var(--transition-normal);
        }
        .step-item:hover .step-circle {
            border-color: var(--primary);
            color: var(--primary);
        }
        .step-item.active .step-circle {
            background: var(--bg);
            border-color: var(--primary);
            color: var(--primary);
            box-shadow: var(--shadow-neon);
        }
        .step-item.completed .step-circle {
            background: var(--primary);
            border-color: var(--primary);
            color: white;
        }

        .step-title {
            margin-top: 1rem;
            font-family: var(--font-display);
            font-size: 0.95rem;
            font-weight: 600;
            text-align: center;
            color: var(--text-light);
            transition: var(--transition-fast);
        }
        .step-item.active .step-title,
        .step-item.completed .step-title {
            color: var(--text);
        }

        /* Painel de Conteúdo do Step */
        .step-panel {
            background: var(--card);
            border: 1px solid var(--border);
            border-radius: var(--radius-lg);
            padding: 2.5rem;
            margin-bottom: 4rem;
            display: none;
            animation: fadeIn 0.4s ease;
        }
        .step-panel.active {
            display: block;
        }

        .step-panel-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 3rem;
            align-items: center;
        }

        .step-panel-info h3 {
            font-family: var(--font-display);
            font-size: 1.8rem;
            color: var(--text);
            margin-bottom: 1rem;
            display: flex;
            align-items: center;
            gap: 0.75rem;
        }
        .step-panel-info h3 span {
            color: var(--primary);
        }
        .step-panel-info p {
            color: var(--text-light);
            margin-bottom: 1.5rem;
        }

        .step-instructions {
            padding-left: 1.25rem;
            border-left: 2px solid var(--border);
        }
        .step-instructions li {
            margin-bottom: 0.75rem;
            position: relative;
            color: var(--text-light);
            padding-left: 1.5rem;
        }
        .step-instructions li::before {
            content: '\f058';
            font-family: 'Font Awesome 6 Free';
            font-weight: 900;
            position: absolute;
            left: 0;
            color: var(--accent);
        }

        /* Recursos de Mídia (Infográfico & Vídeo) */
        .media-resources-row {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 2.5rem;
            margin-bottom: 4rem;
        }
        .media-resource-card {
            background: var(--card);
            border: 1px solid var(--border);
            border-radius: var(--radius-lg);
            padding: 2rem;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }
        .resource-card-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 0.75rem;
        }
        .resource-card-header h3 {
            font-family: var(--font-display);
            font-size: 1.25rem;
            display: flex;
            align-items: center;
            gap: 0.6rem;
            color: var(--text);
            margin: 0;
        }
        .resource-card-header h3 i {
            color: var(--primary);
        }
        .resource-badge {
            font-size: 0.75rem;
            font-family: var(--font-display);
            font-weight: 600;
            text-transform: uppercase;
            padding: 0.25rem 0.75rem;
            background: rgba(0, 206, 201, 0.1);
            color: var(--accent);
            border: 1px solid rgba(0, 206, 201, 0.2);
            border-radius: 20px;
        }
        .resource-desc {
            font-size: 0.9rem;
            color: var(--text-light);
            margin-bottom: 1.5rem;
            line-height: 1.5;
        }
        .infographic-container {
            position: relative;
            border-radius: var(--radius-md);
            overflow: hidden;
            border: 1px solid var(--border);
            cursor: pointer;
            aspect-ratio: 16 / 9;
            background: var(--bg-alt);
        }
        .infographic-img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: var(--transition-normal);
            display: block;
        }
        .infographic-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(15, 17, 26, 0.8);
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 0.75rem;
            opacity: 0;
            color: white;
            font-family: var(--font-display);
            font-weight: 600;
            font-size: 1rem;
            transition: var(--transition-normal);
        }
        .infographic-overlay i {
            font-size: 1.8rem;
            color: var(--primary);
        }
        .infographic-container:hover .infographic-overlay {
            opacity: 1;
        }
        .infographic-container:hover .infographic-img {
            transform: scale(1.05);
        }

        /* Video Placeholder */
        .video-placeholder-container {
            position: relative;
            border-radius: var(--radius-md);
            overflow: hidden;
            border: 1px solid var(--border);
            aspect-ratio: 16 / 9;
            background: linear-gradient(135deg, #10121B, #161A26);
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .video-placeholder-glow {
            position: absolute;
            width: 150px;
            height: 150px;
            background: radial-gradient(circle, rgba(255, 107, 0, 0.15) 0%, transparent 70%);
            animation: pulseGlowCircle 4s infinite ease-in-out;
        }
        @keyframes pulseGlowCircle {
            0%, 100% { transform: scale(1); opacity: 0.8; }
            50% { transform: scale(1.3); opacity: 1; }
        }
        .video-placeholder-content {
            position: relative;
            z-index: 2;
            text-align: center;
            padding: 1.5rem;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 0.75rem;
        }
        .play-icon-pulse {
            width: 55px;
            height: 55px;
            border-radius: 50%;
            background: var(--primary);
            color: white;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.25rem;
            padding-left: 4px;
            box-shadow: 0 0 20px rgba(255, 107, 0, 0.4);
            animation: playPulse 2s infinite ease-in-out;
        }
        @keyframes playPulse {
            0%, 100% { box-shadow: 0 0 20px rgba(255, 107, 0, 0.4); transform: scale(1); }
            50% { box-shadow: 0 0 35px rgba(255, 107, 0, 0.7); transform: scale(1.08); }
        }
        .video-placeholder-content h4 {
            font-family: var(--font-display);
            font-size: 1.1rem;
            color: var(--text);
            margin: 0;
        }
        .video-placeholder-content p {
            font-size: 0.8rem;
            color: var(--text-light);
            max-width: 280px;
            line-height: 1.5;
            margin: 0;
        }
        @media (max-width: 992px) {
            .media-resources-row {
                grid-template-columns: 1fr;
                gap: 2rem;
            }
        }

        /* Modal Lightbox de Imagem */
        .image-modal {
            display: none;
            position: fixed;
            z-index: 1100;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(10, 12, 18, 0.95);
            align-items: center;
            justify-content: center;
            opacity: 0;
            transition: opacity 0.3s ease;
        }
        .image-modal.active {
            display: flex;
            opacity: 1;
        }
        .modal-content {
            max-width: 90%;
            max-height: 85%;
            border-radius: var(--radius-md);
            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.8);
            border: 1px solid var(--border);
            transform: scale(0.9);
            transition: transform 0.3s ease;
        }
        .image-modal.active .modal-content {
            transform: scale(1);
        }
        .modal-close {
            position: absolute;
            top: 30px;
            right: 40px;
            color: var(--text);
            font-size: 40px;
            font-weight: bold;
            background: none;
            border: none;
            cursor: pointer;
            transition: var(--transition-fast);
        }
        .modal-close:hover {
            color: var(--primary);
        }

        /* ==========================================
           SEÇÃO DE PODCAST
           ========================================== */
        .podcast-container {
            display: grid;
            grid-template-columns: 1fr 1.2fr;
            gap: 3rem;
            align-items: stretch;
        }
        .podcast-player-card {
            background: var(--card);
            border: 1px solid var(--border);
            border-radius: var(--radius-lg);
            padding: 2.5rem;
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            box-shadow: var(--shadow-neon);
            position: relative;
            overflow: hidden;
        }
        .podcast-cover-wrapper {
            width: 200px;
            height: 200px;
            border-radius: var(--radius-md);
            overflow: hidden;
            border: 1px solid var(--border);
            position: relative;
            margin-bottom: 2rem;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
        }
        .podcast-cover-img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: var(--transition-normal);
        }
        .podcast-player-card:hover .podcast-cover-img {
            transform: scale(1.05);
        }
        .podcast-soundwave {
            position: absolute;
            bottom: 12px;
            left: 50%;
            transform: translateX(-50%);
            display: flex;
            align-items: flex-end;
            gap: 4px;
            height: 25px;
            z-index: 2;
            opacity: 0;
            transition: opacity 0.3s ease;
        }
        .podcast-player-card.playing .podcast-soundwave {
            opacity: 1;
        }
        .podcast-soundwave span {
            width: 3px;
            height: 5px;
            background: var(--primary);
            border-radius: 3px;
        }
        .podcast-player-card.playing .podcast-soundwave span {
            animation: bounceSoundwave 1s infinite alternate;
        }
        .podcast-soundwave span:nth-child(2) { animation-delay: 0.15s; }
        .podcast-soundwave span:nth-child(3) { animation-delay: 0.3s; }
        .podcast-soundwave span:nth-child(4) { animation-delay: 0.45s; }
        .podcast-soundwave span:nth-child(5) { animation-delay: 0.2s; }
        @keyframes bounceSoundwave {
            from { height: 5px; }
            to { height: 25px; }
        }

        .podcast-player-details {
            width: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        .podcast-meta {
            display: flex;
            align-items: center;
            gap: 0.75rem;
            margin-bottom: 0.75rem;
        }
        .episode-tag {
            font-size: 0.75rem;
            font-family: var(--font-display);
            font-weight: 600;
            background: rgba(255, 107, 0, 0.1);
            color: var(--primary);
            padding: 0.25rem 0.75rem;
            border-radius: 20px;
            border: 1px solid rgba(255, 107, 0, 0.2);
        }
        .duration-tag {
            font-size: 0.75rem;
            color: var(--text-light);
            display: flex;
            align-items: center;
            gap: 0.4rem;
        }
        .podcast-title {
            font-family: var(--font-display);
            font-size: 1.4rem;
            font-weight: 700;
            color: var(--text);
            margin-bottom: 0.4rem;
            line-height: 1.3;
            margin-top: 0;
        }
        .podcast-artist {
            font-size: 0.9rem;
            color: var(--text-light);
            margin-bottom: 2rem;
            margin-top: 0;
        }

        /* Progress Bar */
        .player-progress-container {
            width: 100%;
            display: flex;
            align-items: center;
            gap: 1rem;
            margin-bottom: 1.5rem;
        }
        .time-elapsed, .time-total {
            font-size: 0.8rem;
            color: var(--text-light);
            width: 40px;
        }
        .time-elapsed { text-align: right; }
        .time-total { text-align: left; }
        
        .player-progress-bar {
            width: 100%;
            height: 6px;
            background: var(--border);
            border-radius: 3px;
            position: relative;
            cursor: pointer;
            transition: height 0.2s ease;
        }
        .player-progress-bar:hover {
            height: 8px;
        }
        .player-progress-fill {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 0%;
            background: var(--primary);
            border-radius: 3px;
        }
        .player-progress-handle {
            position: absolute;
            top: 50%;
            left: 0%;
            transform: translate(-50%, -50%);
            width: 14px;
            height: 14px;
            background: var(--text);
            border: 2px solid var(--primary);
            border-radius: 50%;
            opacity: 0;
            transition: opacity 0.2s ease;
            box-shadow: 0 2px 5px rgba(0,0,0,0.3);
        }
        .player-progress-bar:hover .player-progress-handle {
            opacity: 1;
        }

        /* Controls */
        .player-controls {
            display: flex;
            align-items: center;
            gap: 2rem;
            margin-bottom: 1.75rem;
        }
        .control-btn {
            background: none;
            border: none;
            color: var(--text-light);
            font-size: 1.25rem;
            cursor: pointer;
            transition: var(--transition-fast);
        }
        .control-btn:hover {
            color: var(--primary);
        }
        .play-btn {
            width: 60px;
            height: 60px;
            border-radius: 50%;
            background: var(--primary);
            color: white;
            border: none;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.4rem;
            cursor: pointer;
            box-shadow: 0 4px 15px rgba(255, 107, 0, 0.3);
            transition: var(--transition-normal);
        }
        .play-btn:hover {
            transform: scale(1.08);
            box-shadow: 0 4px 20px rgba(255, 107, 0, 0.5);
        }
        .play-btn i {
            padding-left: 2px;
        }
        .podcast-player-card.playing .play-btn i {
            padding-left: 0;
        }

        /* Volume */
        .volume-container {
            display: flex;
            align-items: center;
            gap: 0.75rem;
            width: 130px;
        }
        .volume-btn {
            background: none;
            border: none;
            color: var(--text-light);
            font-size: 0.95rem;
            cursor: pointer;
            transition: var(--transition-fast);
        }
        .volume-btn:hover {
            color: var(--text);
        }
        .volume-bar {
            width: 100%;
            height: 4px;
            background: var(--border);
            border-radius: 2px;
            position: relative;
            cursor: pointer;
        }
        .volume-fill {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            background: var(--accent);
            border-radius: 2px;
        }

        /* Notes Card */
        .podcast-notes-card {
            background: var(--card);
            border: 1px solid var(--border);
            border-radius: var(--radius-lg);
            padding: 2.5rem;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        .podcast-notes-card h3 {
            font-family: var(--font-display);
            font-size: 1.5rem;
            color: var(--text);
            margin-bottom: 1rem;
            display: flex;
            align-items: center;
            gap: 0.75rem;
            margin-top: 0;
        }
        .podcast-notes-card h3 i {
            color: var(--primary);
        }
        .notes-intro {
            font-size: 0.95rem;
            color: var(--text-light);
            margin-bottom: 2rem;
            line-height: 1.6;
            margin-top: 0;
        }
        .notes-topics {
            list-style-type: none;
            padding-left: 0;
            display: grid;
            grid-template-columns: 1fr;
            gap: 1.5rem;
        }
        .notes-topics li {
            display: flex;
            align-items: flex-start;
            gap: 1.25rem;
        }
        .topic-icon {
            font-size: 1.2rem;
            color: var(--accent);
            margin-top: 2px;
        }
        .topic-info h4 {
            font-family: var(--font-display);
            font-size: 1.05rem;
            color: var(--text);
            margin-bottom: 0.3rem;
            margin-top: 0;
        }
        .topic-info p {
            font-size: 0.88rem;
            color: var(--text-light);
            line-height: 1.5;
            margin: 0;
        }

        @media (max-width: 992px) {
            .podcast-container {
                grid-template-columns: 1fr;
                gap: 2rem;
            }
            .podcast-player-card {
                padding: 2rem;
            }
        }

        /* Checklists Pré e Pós-Impressão */
        .checklists-row {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 2rem;
            margin-bottom: 3.5rem;
        }
        @media (max-width: 992px) {
            .checklists-row {
                grid-template-columns: 1fr;
                gap: 1.5rem;
            }
        }
        .checklist-box {
            background: var(--card);
            border: 1px solid var(--border);
            border-radius: var(--radius-lg);
            padding: 2rem;
            height: 100%;
        }
        .checklist-title {
            font-family: var(--font-display);
            font-size: 1.3rem;
            font-weight: 600;
            margin-bottom: 1.5rem;
            color: var(--primary);
            display: flex;
            align-items: center;
            gap: 0.75rem;
        }
        .checklist-grid {
            display: grid;
            grid-template-columns: 1fr;
            gap: 1rem;
        }
        .checklist-item {
            display: flex;
            align-items: flex-start;
            gap: 0.75rem;
            cursor: pointer;
            padding: 0.75rem;
            border-radius: var(--radius-sm);
            background: rgba(255, 255, 255, 0.01);
            border: 1px solid transparent;
            transition: var(--transition-fast);
        }
        .checklist-item:hover {
            border-color: var(--border);
            background: rgba(255, 255, 255, 0.03);
        }

        .checklist-checkbox {
            appearance: none;
            width: 20px;
            height: 20px;
            border: 2px solid var(--border);
            border-radius: 4px;
            background: transparent;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: var(--transition-fast);
            margin-top: 2px;
        }
        .checklist-checkbox::after {
            content: '\f00c';
            font-family: 'Font Awesome 6 Free';
            font-weight: 900;
            font-size: 0.75rem;
            color: white;
            display: none;
        }
        .checklist-checkbox:checked {
            background: var(--success);
            border-color: var(--success);
        }
        .checklist-checkbox:checked::after {
            display: block;
        }
        .checklist-item-text {
            font-size: 0.95rem;
            color: var(--text-light);
            user-select: none;
            transition: var(--transition-fast);
        }
        .checklist-checkbox:checked ~ .checklist-item-text {
            text-decoration: line-through;
            color: #555c68;
        }

        /* Guia Visual Primeira Camada (SVG Interativo) */
        .layer-guide {
            display: grid;
            grid-template-columns: 1fr 1.2fr;
            gap: 3rem;
            align-items: center;
            background: var(--bg-alt);
            border: 1px solid var(--border);
            border-radius: var(--radius-lg);
            padding: 2.5rem;
        }

        .layer-interactive-svg {
            background: var(--bg-alt);
            border-radius: var(--radius-md);
            padding: 1.5rem;
            border: 1px solid var(--border);
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 260px;
        }

        .layer-control {
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        .layer-control h3 {
            font-family: var(--font-display);
            font-size: 1.5rem;
            margin-bottom: 1rem;
            color: var(--text);
        }
        .layer-buttons {
            display: flex;
            gap: 1rem;
            margin-bottom: 1.5rem;
        }
        .layer-btn {
            flex: 1;
            padding: 0.75rem 1rem;
            background: var(--card);
            border: 1px solid var(--border);
            border-radius: var(--radius-sm);
            color: var(--text-light);
            font-family: var(--font-display);
            font-size: 0.9rem;
            font-weight: 600;
            cursor: pointer;
            transition: var(--transition-normal);
        }
        .layer-btn.active {
            color: white;
        }
        .layer-btn[data-state="low"].active { background: var(--danger); border-color: var(--danger); }
        .layer-btn[data-state="ideal"].active { background: var(--success); border-color: var(--success); }
        .layer-btn[data-state="high"].active { background: var(--warning); border-color: var(--warning); }

        .layer-info-card {
            background: var(--card);
            border: 1px solid var(--border);
            border-radius: var(--radius-md);
            padding: 1.5rem;
            min-height: 140px;
            transition: var(--transition-normal);
        }
        .layer-info-title {
            font-family: var(--font-display);
            font-size: 1.1rem;
            font-weight: 700;
            margin-bottom: 0.5rem;
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }
        .layer-info-desc {
            font-size: 0.95rem;
            color: var(--text-light);
        }

        /* SVG Clipes e Estilos */
        #layerSvg {
            width: 100%;
            max-width: 320px;
            height: auto;
        }
        #nozzle {
            transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        }
        #filamentLayer {
            transition: d 0.4s cubic-bezier(0.4, 0, 0.2, 1), fill 0.4s ease;
        }

        /* ==========================================
           SEÇÃO 3: IMPRESSORAS ESPECÍFICAS (TABS)
           ========================================== */
        .printer-tabs {
            display: flex;
            justify-content: center;
            gap: 1.5rem;
            margin-bottom: 3.5rem;
        }

        .printer-tab {
            padding: 1rem 2.5rem;
            background: var(--card);
            border: 1px solid var(--border);
            border-radius: var(--radius-md);
            color: var(--text-light);
            font-family: var(--font-display);
            font-weight: 700;
            font-size: 1.1rem;
            cursor: pointer;
            transition: var(--transition-normal);
            display: flex;
            align-items: center;
            gap: 0.75rem;
        }
        .printer-tab i {
            font-size: 1.25rem;
        }
        .printer-tab:hover {
            border-color: rgba(0, 206, 201, 0.3);
            color: var(--text);
        }
        .printer-tab.active {
            background: var(--bg);
            border-color: var(--accent);
            color: var(--accent);
            box-shadow: var(--shadow-accent);
        }

        .printer-content {
            display: none;
            animation: fadeIn 0.4s ease;
        }
        .printer-content.active {
            display: block;
        }

        .printer-grid {
            display: grid;
            grid-template-columns: 0.8fr 1.2fr 1fr;
            gap: 2rem;
            align-items: stretch;
        }

        .printer-image-container {
            background: var(--bg-alt);
            border: 1px solid var(--border);
            border-radius: var(--radius-lg);
            padding: 1rem;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
            transition: var(--transition-normal);
            height: 100%;
        }
        .printer-image-container:hover {
            border-color: var(--accent);
            box-shadow: var(--shadow-accent);
        }
        .printer-image-container img {
            width: 100%;
            height: auto;
            max-height: 380px;
            object-fit: contain;
            border-radius: var(--radius-md);
            transition: var(--transition-normal);
        }
        .printer-image-container:hover img {
            transform: scale(1.03);
        }

        .glossary-image {
            margin-top: 1rem;
            max-width: 100%;
            height: auto;
            border-radius: var(--radius-sm);
            border: 1px solid var(--border);
            display: block;
        }

        .printer-card-details {
            background: var(--card);
            border: 1px solid var(--border);
            border-radius: var(--radius-lg);
            padding: 2.5rem;
        }
        .printer-card-details h3 {
            font-family: var(--font-display);
            font-size: 1.8rem;
            margin-bottom: 1.5rem;
            color: var(--text);
            display: flex;
            align-items: center;
            gap: 0.75rem;
            border-bottom: 1px solid var(--border);
            padding-bottom: 1rem;
        }
        .printer-card-details h3 span {
            color: var(--accent);
        }

        .printer-specs-list {
            margin-bottom: 2rem;
        }
        .printer-specs-list li {
            display: flex;
            align-items: flex-start;
            gap: 1rem;
            margin-bottom: 1.25rem;
        }
        .printer-specs-list li i {
            color: var(--accent);
            font-size: 1.1rem;
            margin-top: 0.25rem;
        }
        .printer-specs-list li strong {
            color: var(--text);
        }
        .printer-specs-list li p {
            color: var(--text-light);
            font-size: 0.95rem;
        }

        .printer-cuidados {
            background: rgba(255, 107, 0, 0.03);
            border: 1px solid rgba(255, 107, 0, 0.15);
            border-radius: var(--radius-md);
            padding: 1.5rem;
        }
        .printer-cuidados h4 {
            font-family: var(--font-display);
            font-size: 1.1rem;
            color: var(--primary);
            margin-bottom: 0.75rem;
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }
        .printer-cuidados ul {
            padding-left: 1.25rem;
            list-style-type: square;
        }
        .printer-cuidados li {
            color: var(--text-light);
            font-size: 0.9rem;
            margin-bottom: 0.5rem;
        }

        /* Box de Temperaturas */
        .settings-box {
            background: var(--card);
            border: 1px solid var(--border);
            border-radius: var(--radius-lg);
            padding: 2.5rem;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }
        .settings-box h3 {
            font-family: var(--font-display);
            font-size: 1.5rem;
            margin-bottom: 1.5rem;
            color: var(--text);
            display: flex;
            align-items: center;
            gap: 0.75rem;
        }
        .settings-box h3 i {
            color: var(--primary);
        }

        .temp-grid {
            display: grid;
            grid-template-columns: 1fr;
            gap: 1.25rem;
        }
        .temp-row {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 1rem;
            background: var(--bg-alt);
            border-radius: var(--radius-md);
            border: 1px solid var(--border);
        }
        .temp-material {
            font-family: var(--font-display);
            font-weight: 700;
            font-size: 1.1rem;
            color: var(--text);
        }
        .temp-values {
            display: flex;
            gap: 1rem;
        }
        .temp-badge {
            background: var(--card);
            border: 1px solid var(--border);
            padding: 0.4rem 0.8rem;
            border-radius: 6px;
            font-size: 0.85rem;
            color: var(--text-light);
            display: flex;
            align-items: center;
            gap: 0.4rem;
        }
        .temp-badge i {
            font-size: 0.8rem;
        }
        .temp-badge.nozzle-temp i { color: var(--danger); }
        .temp-badge.bed-temp i { color: var(--accent); }

        .settings-fatiador-info {
            margin-top: 2rem;
            padding-top: 1.5rem;
            border-top: 1px solid var(--border);
            font-size: 0.95rem;
            color: var(--text-light);
        }
        .settings-fatiador-info strong {
            color: var(--accent);
        }

        /* ==========================================
           SEÇÃO 4: GUIA DE FILAMENTOS
           ========================================== */
        .filament-card {
            border-left: 5px solid var(--border);
            background: var(--card);
            border-radius: var(--radius-md);
            padding: 1.75rem;
            transition: var(--transition-normal);
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            height: 100%;
        }
        .filament-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 30px rgba(0, 0, 0, 0.4);
            border-top-right-radius: var(--radius-md);
            border-bottom-right-radius: var(--radius-md);
        }
        .filament-card.pla { border-left-color: var(--color-pla); }
        .filament-card.petg { border-left-color: var(--color-petg); }
        .filament-card.tpu { border-left-color: var(--color-tpu); }
        .filament-card.abs { border-left-color: var(--color-abs); }
        .filament-card.asa { border-left-color: var(--color-asa); }
        .filament-card.nylon { border-left-color: var(--color-nylon); }

        .filament-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 1rem;
        }
        .filament-name {
            font-family: var(--font-display);
            font-size: 1.4rem;
            font-weight: 700;
            color: var(--text);
        }

        .filament-desc {
            font-size: 0.9rem;
            color: var(--text-light);
            margin-bottom: 1.25rem;
            line-height: 1.6;
            flex-grow: 1;
        }

        .filament-temps {
            display: flex;
            gap: 0.75rem;
            margin-bottom: 1.25rem;
            flex-wrap: wrap;
        }
        .filament-temps .temp-badge {
            background: rgba(255, 255, 255, 0.02);
            font-size: 0.75rem;
            padding: 0.3rem 0.6rem;
        }

        .filament-pros-cons {
            font-size: 0.85rem;
            border-top: 1px solid var(--border);
            padding-top: 1rem;
            margin-bottom: 1rem;
        }
        .filament-pros-cons p {
            margin-bottom: 0.4rem;
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }
        .filament-pros-cons p.pro { color: var(--success); }
        .filament-pros-cons p.con { color: var(--danger); }

        .filament-uso {
            font-size: 0.85rem;
            color: var(--text-light);
        }
        .filament-uso strong {
            color: var(--text);
        }

        /* Tabela Comparativa de Filamentos */
        .table-responsive {
            width: 100%;
            overflow-x: auto;
            margin-top: 4rem;
            border: 1px solid var(--border);
            border-radius: var(--radius-lg);
            background: var(--card);
            /* Sombra neon suave nas bordas de scroll */
            background-image: linear-gradient(to right, var(--card), var(--card)), linear-gradient(to right, var(--card), var(--card)), linear-gradient(to right, rgba(0,0,0,.25), rgba(0,0,0,0)), linear-gradient(to left, rgba(0,0,0,.25), rgba(0,0,0,0));
            background-position: local left, local right, scroll left, scroll right;
            background-size: 40px 100%, 40px 100%, 10px 100%, 10px 100%;
            background-repeat: no-repeat;
            background-attachment: local, local, scroll, scroll;
        }

        .quick-ref-table {
            width: 100%;
            border-collapse: collapse;
            text-align: left;
            min-width: 800px;
        }

        .quick-ref-table th,
        .quick-ref-table td {
            padding: 1.25rem 1.5rem;
            border-bottom: 1px solid var(--border);
        }

        .quick-ref-table th {
            background: rgba(255, 255, 255, 0.02);
            font-family: var(--font-display);
            font-size: 0.95rem;
            font-weight: 600;
            color: var(--accent);
        }

        .quick-ref-table tbody tr:last-child td {
            border-bottom: none;
        }
        .quick-ref-table tbody tr:hover td {
            background: rgba(255, 255, 255, 0.01);
        }

        .quick-ref-table td strong {
            font-family: var(--font-display);
            font-size: 1rem;
            color: var(--text);
        }

        /* ==========================================
           SEÇÃO 5: ARMAZENAMENTO & UMIDADE
           ========================================== */
        .highlight-box {
            background: linear-gradient(135deg, rgba(255, 107, 0, 0.05) 0%, rgba(0, 206, 201, 0.05) 100%);
            border: 1px solid var(--primary);
            border-radius: var(--radius-lg);
            padding: 2.5rem;
            margin-bottom: 4rem;
            display: flex;
            align-items: center;
            gap: 2rem;
            position: relative;
            overflow: hidden;
            box-shadow: var(--shadow-neon);
        }
        .highlight-box::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 4px;
            height: 100%;
            background: var(--primary);
        }

        .highlight-icon {
            font-size: 3rem;
            color: var(--primary);
            animation: pulse-glow 2s infinite;
        }

        .highlight-content h3 {
            font-family: var(--font-display);
            font-size: 1.5rem;
            font-weight: 700;
            margin-bottom: 0.5rem;
            color: var(--text);
        }
        .highlight-content p {
            color: var(--text-light);
            font-size: 1.05rem;
        }

        /* Grid Métodos & Sintomas */
        .storage-section-title {
            font-family: var(--font-display);
            font-size: 1.6rem;
            font-weight: 700;
            margin-bottom: 2rem;
            color: var(--text);
            display: flex;
            align-items: center;
            gap: 0.75rem;
        }
        .storage-section-title i { color: var(--accent); }

        .storage-card {
            background: var(--card);
            border: 1px solid var(--border);
            border-radius: var(--radius-md);
            padding: 2rem;
            transition: var(--transition-normal);
        }
        .storage-card:hover {
            border-color: var(--accent);
            transform: translateY(-4px);
        }

        .storage-icon {
            width: 50px;
            height: 50px;
            background: rgba(0, 206, 201, 0.08);
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.4rem;
            color: var(--accent);
            margin-bottom: 1.5rem;
            border: 1px solid rgba(0, 206, 201, 0.15);
        }

        .storage-card h4 {
            font-family: var(--font-display);
            font-size: 1.2rem;
            margin-bottom: 0.75rem;
            color: var(--text);
        }
        .storage-card p {
            font-size: 0.9rem;
            color: var(--text-light);
        }

        /* Sintomas */
        .symptom-card {
            background: var(--card);
            border: 1px solid var(--border);
            border-radius: var(--radius-md);
            padding: 1.5rem;
            display: flex;
            align-items: flex-start;
            gap: 1.25rem;
            transition: var(--transition-normal);
        }
        .symptom-card:hover {
            border-color: var(--danger);
            background: rgba(255, 118, 117, 0.01);
        }
        .symptom-icon {
            font-size: 1.5rem;
            color: var(--danger);
            margin-top: 0.25rem;
        }
        .symptom-info h4 {
            font-family: var(--font-display);
            font-size: 1.1rem;
            margin-bottom: 0.4rem;
            color: var(--text);
        }
        .symptom-info p {
            font-size: 0.9rem;
            color: var(--text-light);
        }

        /* ==========================================
           SEÇÃO 6: FATIADORES E FERRAMENTAS
           ========================================== */
        .slicer-table-title {
            font-family: var(--font-display);
            font-size: 1.6rem;
            font-weight: 700;
            color: var(--text);
            margin-bottom: 2rem;
            display: flex;
            align-items: center;
            gap: 0.75rem;
        }
        .slicer-table-title i { color: var(--primary); }

        .tool-category-title {
            font-family: var(--font-display);
            font-size: 1.6rem;
            font-weight: 700;
            color: var(--text);
            margin: 4rem 0 2rem 0;
            display: flex;
            align-items: center;
            gap: 0.75rem;
        }
        .tool-category-title i { color: var(--accent); }

        .tool-card {
            background: var(--card);
            border: 1px solid var(--border);
            border-radius: var(--radius-md);
            padding: 2rem;
            transition: var(--transition-normal);
        }
        .tool-card:hover {
            border-color: var(--primary);
            transform: translateY(-4px);
        }

        .tool-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 1.25rem;
        }
        .tool-name {
            font-family: var(--font-display);
            font-size: 1.25rem;
            font-weight: 700;
            color: var(--text);
        }
        .tool-tag {
            background: rgba(255, 255, 255, 0.05);
            padding: 0.2rem 0.6rem;
            border-radius: 4px;
            font-size: 0.75rem;
            color: var(--accent);
            font-family: var(--font-display);
            border: 1px solid var(--border);
        }

        .tool-desc {
            font-size: 0.9rem;
            color: var(--text-light);
            margin-bottom: 1rem;
        }
        .tool-items {
            list-style-type: none;
            padding-left: 0;
        }
        .tool-items li {
            font-size: 0.85rem;
            color: var(--text-light);
            margin-bottom: 0.4rem;
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }
        .tool-items li i {
            color: var(--primary);
            font-size: 0.75rem;
        }

        /* ==========================================
           SEÇÃO 7: SITES STL (VIDEO + CARDS)
           ========================================== */
        /* Video Box */
        .video-box {
            background: var(--bg-alt);
            border: 1px solid var(--border);
            border-radius: var(--radius-lg);
            padding: 2.5rem;
            margin-bottom: 4rem;
            display: grid;
            grid-template-columns: 1.2fr 1fr;
            gap: 3rem;
            align-items: center;
            box-shadow: var(--shadow-accent);
        }
        .video-player-container {
            position: relative;
            padding-bottom: 56.25%; /* Aspect Ratio 16:9 */
            height: 0;
            overflow: hidden;
            border-radius: var(--radius-md);
            border: 1px solid var(--border);
        }
        .video-player-container iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: 0;
        }

        .video-info h3 {
            font-family: var(--font-display);
            font-size: 1.6rem;
            font-weight: 700;
            color: var(--text);
            margin-bottom: 1rem;
        }
        .video-info p {
            color: var(--text-light);
            font-size: 0.95rem;
            margin-bottom: 2rem;
        }

        .channel-links {
            display: flex;
            flex-wrap: wrap;
            gap: 1rem;
        }
        .channel-btn {
            padding: 0.6rem 1.25rem;
            border-radius: var(--radius-sm);
            font-family: var(--font-display);
            font-size: 0.85rem;
            font-weight: 600;
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            transition: var(--transition-fast);
        }
        .channel-btn.youtube { background: #FF0000; color: white; }
        .channel-btn.instagram { background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); color: white; }
        .channel-btn.tiktok { background: #010101; color: white; border: 1px solid #25F4EE; }
        .channel-btn:hover {
            transform: translateY(-2px);
            opacity: 0.9;
        }

        /* Categoria STL Filters */
        .stl-filters {
            display: flex;
            justify-content: center;
            gap: 1rem;
            margin-bottom: 3rem;
        }
        .stl-filter-btn {
            padding: 0.6rem 1.5rem;
            background: var(--card);
            border: 1px solid var(--border);
            border-radius: 30px;
            color: var(--text-light);
            font-family: var(--font-display);
            font-size: 0.9rem;
            font-weight: 600;
            cursor: pointer;
            transition: var(--transition-normal);
        }
        .stl-filter-btn:hover {
            border-color: var(--accent);
            color: var(--text);
        }
        .stl-filter-btn.active {
            background: var(--accent);
            border-color: var(--accent);
            color: #0F111A;
            font-weight: 700;
            box-shadow: var(--shadow-accent);
        }

        /* Site Cards Grid */
        .stl-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
            gap: 1.5rem;
        }

        .site-card {
            background: var(--card);
            border: 1px solid var(--border);
            border-radius: var(--radius-md);
            padding: 1.5rem;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            transition: var(--transition-normal);
            position: relative;
        }
        .site-card:hover {
            transform: translateX(6px);
            border-color: var(--accent);
        }

        .site-card-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 1.25rem;
        }

        .site-logo-icon {
            width: 48px;
            height: 48px;
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.3rem;
            color: white;
            font-weight: 700;
            font-family: var(--font-display);
        }
        /* Gradientes dos Ícones */
        .site-card:nth-child(1) .site-logo-icon { background: linear-gradient(135deg, #FF6B00, #FD79A8); }
        .site-card:nth-child(2) .site-logo-icon { background: linear-gradient(135deg, #0984E3, #00CEC9); }
        .site-card:nth-child(3) .site-logo-icon { background: linear-gradient(135deg, #6C5CE7, #A29BFE); }
        .site-card:nth-child(4) .site-logo-icon { background: linear-gradient(135deg, #00B894, #55EFC4); }
        .site-card:nth-child(5) .site-logo-icon { background: linear-gradient(135deg, #E84393, #FF7675); }
        .site-card:nth-child(6) .site-logo-icon { background: linear-gradient(135deg, #FFEAA7, #FDCB6E); }
        .site-card:nth-child(7) .site-logo-icon { background: linear-gradient(135deg, #E17055, #FF7675); }
        .site-card:nth-child(8) .site-logo-icon { background: linear-gradient(135deg, #00CEC9, #0984E3); }
        .site-card:nth-child(9) .site-logo-icon { background: linear-gradient(135deg, #2D3436, #636E72); }
        .site-card:nth-child(10) .site-logo-icon { background: linear-gradient(135deg, #D63031, #FF7675); }

        .site-tag {
            padding: 0.2rem 0.6rem;
            border-radius: 4px;
            font-size: 0.7rem;
            font-weight: 700;
            text-transform: uppercase;
            font-family: var(--font-display);
        }
        .site-tag.free { background: rgba(0, 184, 148, 0.1); color: var(--success); border: 1px solid rgba(0, 184, 148, 0.2); }
        .site-tag.mixed { background: rgba(253, 203, 110, 0.1); color: var(--warning); border: 1px solid rgba(253, 203, 110, 0.2); }
        .site-tag.paid { background: rgba(255, 118, 117, 0.1); color: var(--danger); border: 1px solid rgba(255, 118, 117, 0.2); }

        .site-info h4 {
            font-family: var(--font-display);
            font-size: 1.15rem;
            margin-bottom: 0.5rem;
            color: var(--text);
        }
        .site-info p {
            font-size: 0.85rem;
            color: var(--text-light);
            margin-bottom: 1.25rem;
            line-height: 1.6;
            flex-grow: 1;
        }

        .site-link {
            font-family: var(--font-display);
            font-size: 0.85rem;
            font-weight: 600;
            color: var(--accent);
            display: inline-flex;
            align-items: center;
            gap: 0.4rem;
            align-self: flex-start;
        }
        .site-link:hover {
            color: white;
        }
        .site-link:hover i {
            transform: translateX(3px);
        }
        .site-link i {
            font-size: 0.75rem;
            transition: var(--transition-fast);
        }

        /* ==========================================
           FOOTER
           ========================================== */
        .footer {
            background: var(--bg-alt);
            border-top: 1px solid var(--border);
            padding: 4rem 0 3rem 0;
            text-align: center;
        }

        .footer-logo {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 0.5rem;
            font-family: var(--font-display);
            font-weight: 700;
            font-size: 1.5rem;
            color: var(--text);
            margin-bottom: 1.5rem;
        }
        .footer-logo i { color: var(--primary); }

        .footer-socials {
            display: flex;
            justify-content: center;
            gap: 1.5rem;
            margin-bottom: 2rem;
        }
        .footer-socials a {
            width: 40px;
            height: 40px;
            background: var(--card);
            border: 1px solid var(--border);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--text-light);
            font-size: 1.1rem;
            transition: var(--transition-normal);
        }
        .footer-socials a:hover {
            color: white;
            border-color: var(--primary);
            transform: translateY(-3px);
            box-shadow: var(--shadow-neon);
        }

        .footer-copy {
            font-size: 0.9rem;
            color: var(--text-light);
        }
        .footer-update {
            font-size: 0.8rem;
            color: #4a5160;
            margin-top: 0.5rem;
        }

        /* ==========================================
           BOTÃO VOLTAR AO TOPO (FIXED)
           ========================================== */
        .back-to-top {
            position: fixed;
            bottom: 30px;
            right: 30px;
            width: 48px;
            height: 48px;
            background: var(--primary);
            color: white;
            border: none;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.1rem;
            cursor: pointer;
            z-index: 999;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4), var(--shadow-neon);
            opacity: 0;
            pointer-events: none;
            transition: var(--transition-normal);
        }
        .back-to-top.visible {
            opacity: 1;
            pointer-events: auto;
        }
        .back-to-top:hover {
            background: #E05E00;
            transform: translateY(-4px);
        }

        /* ==========================================
           RESPONSIVIDADE (BREAKPOINTS)
           ========================================== */
        @media (max-width: 1200px) {
            .section-title { font-size: 2.2rem; }
            .hero-title { font-size: 3.2rem; }
        }

        @media (max-width: 992px) {
            .printer-grid,
            .step-panel-grid,
            .video-box,
            .layer-guide {
                grid-template-columns: 1fr;
                gap: 2.5rem;
            }
            .video-player-container {
                max-width: 550px;
                margin: 0 auto;
                width: 100%;
            }
            .layer-interactive-svg {
                max-width: 450px;
                margin: 0 auto;
                width: 100%;
            }
        }

        
        /* DROPDOWN MENU */
        .dropdown {
            position: relative;
            display: inline-block;
        }
        
        .dropdown .dropbtn i {
            font-size: 0.75rem;
            margin-left: 0.25rem;
            transition: transform 0.3s;
        }
        
        .dropdown-content {
            visibility: hidden;
            opacity: 0;
            position: absolute;
            background-color: var(--card);
            min-width: 180px;
            box-shadow: var(--shadow-lg);
            z-index: 1000;
            border-radius: var(--radius-md);
            top: 150%;
            left: 50%;
            transform: translateX(-50%) translateY(10px);
            border: 1px solid var(--border);
            transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            display: flex;
            flex-direction: column;
            overflow: hidden;
        }
        
        .dropdown-content a {
            color: var(--text) !important;
            padding: 0.8rem 1.25rem !important;
            text-decoration: none;
            display: block;
            font-size: 0.9rem !important;
            font-weight: 500 !important;
            border-bottom: 1px solid var(--border);
        }
        
        .dropdown-content a:last-child {
            border-bottom: none;
        }
        
        .dropdown-content a:hover {
            background-color: var(--bg-alt);
            color: var(--primary) !important;
        }
        
        .dropdown-content a::after {
            display: none !important; /* Remove o sublinhado animado dos links do submenu */
        }
        
        .dropdown:hover .dropdown-content {
            visibility: visible;
            opacity: 1;
            top: 100%;
            transform: translateX(-50%) translateY(0);
        }
        
        .dropdown:hover .dropbtn i {
            transform: rotate(180deg);
        }

@media (max-width: 768px) {
            /* Navbar Mobile */
            .menu-toggle {
                display: block;
            }
            .nav-links {
                position: fixed;
                top: 80px;
                left: -100%;
                width: 100%;
                height: calc(100vh - 80px);
                background: var(--bg);
                flex-direction: column;
                padding: 3rem 1.5rem;
                gap: 2rem;
                transition: var(--transition-normal);
                border-top: 1px solid var(--border);
            }
            .navbar-wrapper.scrolled .nav-links {
                top: 65px;
                height: calc(100vh - 65px);
            }
            .nav-links.active {
                left: 0;
            }

            /* Mobile Dropdowns */
            .dropdown {
                width: 100%;
            }
            .dropdown-content {
                position: static;
                visibility: visible;
                opacity: 1;
                transform: none;
                box-shadow: none;
                border: none;
                background: transparent;
                padding-left: 1rem;
                display: none;
            }
            .dropdown:hover .dropdown-content {
                display: flex;
            }
            .dropdown .dropbtn {
                display: flex;
                justify-content: space-between;
                width: 100%;
            }


            .section { padding: 4rem 0; }
            .section-title { font-size: 1.8rem; }
            .hero { padding: 5rem 0 4rem 0; }
            .hero-title { font-size: 2.4rem; }
            .hero-subtitle { font-size: 1.1rem; }
            .hero-cta { flex-direction: column; gap: 1rem; }
            .btn { width: 100%; justify-content: center; }

            /* Steps Mobile (Verticais) */
            .steps-container {
                flex-direction: column;
                gap: 1.5rem;
                align-items: flex-start;
                padding-left: 2rem;
            }
            .steps-line {
                top: 10px;
                left: 36px;
                bottom: 10px;
                width: 3px;
                height: calc(100% - 20px);
            }
            .step-item {
                width: 100%;
                flex-direction: row;
                gap: 1.5rem;
                align-items: center;
                justify-content: flex-start;
            }
            .step-title {
                margin-top: 0;
                text-align: left;
            }
            .step-panel {
                padding: 1.5rem;
            }

            /* Cards/Grids */
            .grid {
                grid-template-columns: 1fr;
            }

            /* Tabs Impressoras */
            .printer-tabs {
                flex-direction: column;
                gap: 0.75rem;
            }
            .printer-tab {
                width: 100%;
                justify-content: center;
            }
            .printer-card-details {
                padding: 1.5rem;
            }
            .settings-box {
                padding: 1.5rem;
            }

            /* Layer guide e highlight */
            .highlight-box {
                flex-direction: column;
                gap: 1rem;
                padding: 1.5rem;
                text-align: center;
            }
            .layer-guide {
                padding: 1.5rem;
            }
            .layer-buttons {
                flex-direction: column;
                gap: 0.5rem;
            }
        }

        /* Animações CSS Utilitárias */
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(10px); }
            to { opacity: 1; transform: translateY(0); }
        }