.elementor-46577 .elementor-element.elementor-element-66b172f{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-46577 .elementor-element.elementor-element-4ffaaa4{width:100%;max-width:100%;}/* Start custom CSS *//* ════════════════════════════════════════════════
   DESIGN SYSTEM FINAL: GHENADY PRO
   Configuração: Tipografia Base + Responsivo
   ════════════════════════════════════════════════ */

:root {
    /* PALETA DE CORES */
    --text-base: #CFCFCF;
    --text-white: #FFFFFF;
    --blue-accent: #1BAEE2;
    
    /* GRADIENTES */
    --h2-grad: linear-gradient(90deg, #FFFFFF 0%, #1BAEE2 60%, #2F5A99 100%);
    --box-radial: radial-gradient(circle, #091034 0%, #0B0D22 100%);
    --orange-stroke: linear-gradient(90deg, #FDA05C 0%, #975F37 100%);

    /* TAG ALERTA */
    --tag-text: #FF9657;
    --tag-bg-center: #71300A;
    --tag-bg-edge: #21121E;
}

/* ════════════════════════════════════════════════
   1. TIPOGRAFIA BASE (DESKTOP / TELAS > 1440px)
   ════════════════════════════════════════════════ */

/* H2: Título em Degradê */
.degrade-texto {
    font-family: 'Inter', sans-serif !important;
    font-weight: 700 !important;
    font-size: 56px !important; 
    line-height: 1.1 !important; 
    letter-spacing: -0.05em !important;
    text-transform: uppercase !important;
    background: var(--h2-grad) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    display: block;
    margin: 15px 0 !important;
}

/* Classe auxiliar para Degradê puro */
.degrade {
    background: var(--h2-grad) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* Texto 28: Descrição Principal */
.texto-16 {
    font-family: 'Inter', sans-serif !important;
    color: var(--text-base) !important;
    font-size: 28px !important; 
    font-weight: 700 !important; 
    line-height: 1.2 !important; 
    letter-spacing: -0.06em !important;
    margin-top: 25px !important;
}

/* Texto 22: Subdescrição */
.texto-12 {
    font-family: 'Inter', sans-serif !important;
    color: var(--text-base) !important;
    font-size: 22px !important; 
    font-weight: 400 !important; 
    line-height: 1.3 !important; 
    letter-spacing: -0.02em !important;
    margin-top: 20px !important;
    display: block;
}

/* --- DESTAQUE BRANCO (REFORÇADO) --- */
.destaque-branco { 
    color: #FFFFFF !important; 
    font-weight: 800 !important; 
    opacity: 1 !important; 
}

/* Marca Texto lateral (Barra azul) */
.marca-texto {
    border-left: 4px solid var(--blue-accent);
    padding-left: 20px;
    display: block;
}

/* ════════════════════════════════════════════════
   2. CAIXA VITRO (CONTAINER COM STROKE LARANJA)
   ════════════════════════════════════════════════ */

.caixa-vitro-ghenady {
    position: relative;
    border-radius: 20px;
    background: var(--box-radial) !important;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    z-index: 1;
    overflow: hidden;
    padding: 40px; /* Padding padrão Desktop */
}

.caixa-vitro-ghenady::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 2px;
    background: var(--orange-stroke);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    opacity: 0.5;
    pointer-events: none;
}

/* ════════════════════════════════════════════════
   3. MEDIA QUERIES (RESPONSIVIDADE GERAL)
   ════════════════════════════════════════════════ */

/* LAPTOP (Telas até 1440px) */
@media (max-width: 1440px) {
    .degrade-texto { font-size: 30px !important; }
    .texto-16 { font-size: 16px !important; }
    .texto-12 { font-size: 14px !important; }
    .caixa-vitro-ghenady { padding: 30px; }
    
    /* Classes Glow (Se houver no seu HTML) */
    .bloco-glow-ghenady { padding: 40px; }
    .degrade-texto-glow { font-size: 52px !important; }
    .texto-16-glow, .texto-cta-glow { font-size: 24px !important; }
    .texto-12-glow { font-size: 19px !important; }
}

/* TABLET (Telas até 1024px) */
@media (max-width: 1024px) {
    .degrade-texto { font-size: 52px !important; }
    .texto-16 { font-size: 20px !important; }
    .texto-12 { font-size: 18px !important; }
    .caixa-vitro-ghenady { padding: 25px; }
}

/* MOBILE (Telas até 767px) */
@media (max-width: 767px) {
    /* Tipografia Mobile */
    .degrade-texto { 
        font-size: 28px !important; 
        letter-spacing: -0.03em !important; 
        line-height: 1.2 !important; 
    }
    .texto-16 { 
        font-size: 18px !important; 
        letter-spacing: -0.04em !important; 
    }
    .texto-12 { 
        font-size: 16px !important; 
        line-height: 1.4 !important;
    }
    
    /* Estrutura Mobile */
    .caixa-vitro-ghenady { padding: 20px; }
    .marca-texto { padding-left: 15px; border-left-width: 3px; }

    /* Classes Glow Mobile (Se houver no seu HTML) */
    .bloco-glow-ghenady { padding: 25px 20px; }
    .bloco-glow-ghenady::before { filter: blur(40px); }
    .degrade-texto-glow { font-size: 34px !important; }
    .texto-16-glow, .texto-cta-glow { font-size: 19px !important; }
    .texto-12-glow { font-size: 16px !important; }
}/* End custom CSS */