/* Variáveis de cores mapeadas para CSS Custom Properties */
        :root {
            --bg: #0a0a0f;
            --bg-2: #12121a;
            --bg-card: #1a1a28;
            --border: rgba(255,255,255,0.08);
            --text: #e8e8f0;
            --text-muted: #888899;
            --grad-primary: linear-gradient(135deg, #6c63ff 0%, #ff6584 50%, #ffa94d 100%);
            --grad-hero: linear-gradient(135deg, #0a0a0f 0%, #1a0a2e 50%, #0a1a1f 100%);
            --grad-html: linear-gradient(135deg, #e34c26, #f06529);
            --grad-css: linear-gradient(135deg, #264de4, #2965f1);
            --grad-js: linear-gradient(135deg, #f7df1e, #ffa500);
            --grad-python: linear-gradient(135deg, #3776ab, #ffd43b);
        }

        .border-custom {
            border-color: var(--border);
        }

        .text-gradient {
            background: var(--grad-primary);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        .tec_estudos{
              content: '';
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity var(--transition);
        }