/* * Tema claro — fundo off-white, textos pretos, detalhes amarelos * (paleta da página "Vem Ser AMF": borda preta + sombra "dura" deslocada). * * Vale em todas as páginas do site, que abrem com fixo. * O CSS original do Elementor não é alterado; aqui só sobrescrevemos as cores. * O topo da captura usa a arte clara da 2ª edição (fundo branco), então segue o resto: texto preto. */ /* Playfair Display (fonte variável, auto-hospedada) para títulos e destaques */ @font-face { font-family: 'Playfair Display'; font-style: normal; font-weight: 400 900; font-display: swap; src: url('../fonts/PlayfairDisplay-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Playfair Display'; font-style: normal; font-weight: 400 900; font-display: swap; src: url('../fonts/PlayfairDisplay-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } :root[data-tema="claro"] { --gc-bg: #F7F6F2; --gc-surface: #FFFFFF; --gc-ink: #1A1A1A; --gc-muted: #585C64; --gc-acc: #FFCB45; --gc-acc-strong: #F5B400; --gc-acc-soft: #FFEDB8; /* mesmo degradê das palavras destacadas ("talento em profissão") */ --gc-acc-grad: linear-gradient(90deg, #E09A18 0%, #F3BE4A 100%); --gc-acc-grad-strong: linear-gradient(90deg, #C9860F 0%, #E8AE2E 100%); --gc-border: 2px solid var(--gc-ink); --gc-shadow: 4px 4px 0 var(--gc-ink); --gc-shadow-lg: 8px 8px 0 var(--gc-ink); } /* ---------- Base ---------- */ /* Fundo liso: a arte Backgroud.webp era branca sobre branco e, com background-attachment: fixed, deixava a página inteira branca ao rolar (e travava a rolagem no celular, onde "fixed" não é bem suportado). */ :root[data-tema="claro"] body { background-color: var(--gc-bg); background-image: none; color: var(--gc-ink); } /* granulado branco do tema escuro */ :root[data-tema="claro"] body::after { display: none; } /* ---------- Seções: fundo transparente (mostra o off-white do body) ---------- */ :root[data-tema="claro"] .elementor .elementor-element.elementor-element-4b1516c8, :root[data-tema="claro"] .elementor .elementor-element.elementor-element-4526cb91, :root[data-tema="claro"] .elementor .elementor-element.elementor-element-149de48f, :root[data-tema="claro"] .elementor .elementor-element.elementor-element-47d43a6c, :root[data-tema="claro"] .elementor .elementor-element.elementor-element-a74038e, :root[data-tema="claro"] .elementor .elementor-element.elementor-element-bc53550 { background-color: transparent; background-image: none; } /* brilhos desfocados: azul-marinho -> amarelo suave */ :root[data-tema="claro"] .elementor .elementor-element.elementor-element-4b1516c8::before, :root[data-tema="claro"] .elementor .elementor-element.elementor-element-bc53550::before { background: rgba(255, 203, 69, .16); } :root[data-tema="claro"] .elementor .elementor-element.elementor-element-149de48f::before { background: rgba(255, 203, 69, .14); } /* texturas decorativas da seção do vídeo */ :root[data-tema="claro"] .elementor .elementor-element.elementor-element-d5c41f6 { background-color: rgba(26, 26, 26, .10); } :root[data-tema="claro"] .elementor .elementor-element.elementor-element-3b45ccf9 { background-color: rgba(26, 26, 26, .12); } :root[data-tema="claro"] .elementor .elementor-element.elementor-element-3b45ccf9::before { background: linear-gradient(to right, transparent 1%, var(--gc-acc) 40%, transparent 99%); } /* ---------- Topo da captura: arte clara, emoldurada como um card ---------- */ :root[data-tema="claro"] .elementor .elementor-element.elementor-element-4291275d { background-color: #FFFFFF; /* mesmo branco do fundo da arte */ --width: auto; width: auto; margin: 16px; z-index: 2; /* fica acima do brilho e das texturas da seção seguinte */ border: var(--gc-border); border-radius: 28px; box-shadow: var(--gc-shadow-lg); overflow: hidden; } @media (max-width: 767px) { :root[data-tema="claro"] .elementor .elementor-element.elementor-element-4291275d { margin: 12px; border-radius: 20px; box-shadow: 5px 5px 0 var(--gc-ink); } } /* No celular e no tablet, a arte do topo mostra a foto em cima (52% da altura dela). O bloco com a logo e o título desce para começar no branco, abaixo dos chefs. Como a arte escala junto com a largura da tela, o recuo é proporcional (vw). */ @media (max-width: 736px) { :root[data-tema="claro"] .elementor .elementor-element.elementor-element-5a406361 { padding-top: calc(84.2vw - 230px); } } @media (min-width: 737px) and (max-width: 1024px) { :root[data-tema="claro"] .elementor .elementor-element.elementor-element-5a406361 { padding-top: calc(84.2vw - 387px); } } /* ---------- Textos ---------- */ /* títulos na serifada elegante; parágrafos, pílulas e contador seguem na Degular */ :root[data-tema="claro"] .elementor .elementor-widget-heading .elementor-heading-title, :root[data-tema="claro"] .elementor .elementor-widget-image-box .elementor-image-box-title { font-family: 'Playfair Display', Georgia, serif; } /* rótulos curtos e aviso legal do rodapé ficam na Degular */ :root[data-tema="claro"] .elementor .elementor-element.elementor-element-7cac530e .elementor-heading-title, :root[data-tema="claro"] .elementor .elementor-element.elementor-element-5904460 .elementor-heading-title, :root[data-tema="claro"] .elementor .elementor-element.elementor-element-410d307d .elementor-image-box-title, :root[data-tema="claro"] .elementor .elementor-element.elementor-element-9deacd4 .elementor-image-box-title, :root[data-tema="claro"] .elementor .elementor-element.elementor-element-357b3c9 .elementor-image-box-title { font-family: 'Degular', sans-serif; } :root[data-tema="claro"] .elementor .elementor-widget-heading .elementor-heading-title, :root[data-tema="claro"] .elementor .elementor-widget-image-box .elementor-image-box-title, :root[data-tema="claro"] .elementor .elementor-widget-icon-box .elementor-icon-box-title { color: var(--gc-ink); } :root[data-tema="claro"] .elementor .elementor-widget-image-box .elementor-image-box-description, :root[data-tema="claro"] .elementor .elementor-widget-text-editor { color: var(--gc-muted); } /* textos que eram brancos (ênfase) -> preto */ :root[data-tema="claro"] .elementor .elementor-element.elementor-element-5a406361 .elementor-image-box-description, :root[data-tema="claro"] .elementor .elementor-element.elementor-element-53bbcc3c .elementor-image-box-description, :root[data-tema="claro"] .elementor .elementor-element.elementor-element-7e20533 .elementor-image-box-description, :root[data-tema="claro"] .elementor .elementor-element.elementor-element-62bb378 .elementor-image-box-description, :root[data-tema="claro"] .elementor .elementor-element.elementor-element-410d307d .elementor-image-box-description, :root[data-tema="claro"] .elementor .elementor-element.elementor-element-9deacd4 .elementor-image-box-description, :root[data-tema="claro"] .elementor .elementor-element.elementor-element-357b3c9 .elementor-image-box-description, :root[data-tema="claro"] .elementor .elementor-element.elementor-element-31504a9 { color: var(--gc-ink); } /* aviso legal do rodapé (título em cinza) */ :root[data-tema="claro"] .elementor .elementor-element.elementor-element-410d307d .elementor-image-box-title, :root[data-tema="claro"] .elementor .elementor-element.elementor-element-9deacd4 .elementor-image-box-title, :root[data-tema="claro"] .elementor .elementor-element.elementor-element-357b3c9 .elementor-image-box-title { color: var(--gc-muted); } /* palavras destacadas: texto dourado (sem retângulo atrás), no tom da logo */ :root[data-tema="claro"] .destaque1 { color: #D99A20; background: linear-gradient(90deg, #E09A18 0%, #F3BE4A 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; -webkit-box-decoration-break: clone; box-decoration-break: clone; padding: 0; } /* em texto pequeno, um dourado mais fechado para continuar legível */ :root[data-tema="claro"] .elementor-image-box-description .destaque1, :root[data-tema="claro"] .elementor-widget-text-editor .destaque1 { color: #B8801A; background: none; -webkit-text-fill-color: currentColor; } :root[data-tema="claro"] .destaque2 { color: var(--gc-ink); } /* a logo nova é dourada e funciona no fundo claro, então não leva filtro */ /* ---------- Topo da captura: pílula de datas e contador ---------- */ :root[data-tema="claro"] .elementor .elementor-element.elementor-element-7cac530e { background: none; color: var(--gc-ink); -webkit-text-fill-color: var(--gc-ink); } :root[data-tema="claro"] .elementor .elementor-element.elementor-element-7cac530e > .elementor-widget-container { background: var(--gc-acc); border: var(--gc-border); border-radius: 8px; box-shadow: 3px 3px 0 var(--gc-ink); } :root[data-tema="claro"] .elementor .elementor-element.elementor-element-53a472d1 { background-image: none; background-color: var(--gc-surface); border: var(--gc-border); box-shadow: var(--gc-shadow); } :root[data-tema="claro"] .elementor .elementor-element-412a94d .elementor-countdown-digits { color: var(--gc-ink); } :root[data-tema="claro"] .elementor .elementor-element-412a94d .elementor-countdown-label { color: var(--gc-muted); } :root[data-tema="claro"] .elementor .elementor-element.elementor-element-64ede105 { background-color: var(--gc-acc); } /* ---------- Galeria da 1ª edição ---------- */ :root[data-tema="claro"] .gc-galeria { --gg-texto: var(--gc-ink); --gg-apoio: var(--gc-muted); --gg-moldura: var(--gc-border); --gg-sombra: var(--gc-shadow); --gg-botao-fundo: var(--gc-acc); --gg-botao-texto: var(--gc-ink); } :root[data-tema="claro"] .gc-galeria-cab h2 { font-family: 'Playfair Display', Georgia, serif; } :root[data-tema="claro"] .gc-galeria-selo { background: var(--gc-surface); box-shadow: 3px 3px 0 var(--gc-ink); } :root[data-tema="claro"] .gc-seta { box-shadow: 3px 3px 0 var(--gc-ink); } /* ---------- Botão de inscrição do topo ---------- Formato de "pílula" com elevação suave, no espírito do botão do WhatsApp, mantendo o dourado: sem borda preta e sem a sombra dura do resto da página. O texto segue preto porque branco sobre o dourado perde legibilidade. */ :root[data-tema="claro"] .gc-cta { color: var(--gc-ink); background: var(--gc-acc); background-image: var(--gc-acc-grad); border: none; border-radius: 999px; padding: 20px 44px; box-shadow: 0 6px 18px rgba(201, 134, 15, .35), 0 2px 4px rgba(26, 26, 26, .12); transition: transform .2s ease, box-shadow .25s ease, background-image .3s ease; } :root[data-tema="claro"] .gc-cta:hover { background-image: var(--gc-acc-grad-strong); transform: translateY(-2px); box-shadow: 0 10px 26px rgba(201, 134, 15, .42), 0 3px 6px rgba(26, 26, 26, .14); } /* afunda ao ser pressionado, como um botão de aplicativo */ :root[data-tema="claro"] .gc-cta:active { transform: translateY(1px); box-shadow: 0 3px 10px rgba(201, 134, 15, .3), 0 1px 2px rgba(26, 26, 26, .12); } :root[data-tema="claro"] .gc-cta:focus-visible { outline: 3px solid var(--gc-ink); outline-offset: 3px; } /* ---------- Pílulas ("Conheça o GranChef AMF", "No seu primeiro dia"...) ---------- */ :root[data-tema="claro"] .elementor .elementor-widget-icon-box > .elementor-widget-container { background-image: none; background-color: var(--gc-surface); border: var(--gc-border); box-shadow: 3px 3px 0 var(--gc-ink); } :root[data-tema="claro"] .elementor .elementor-widget-icon-box .elementor-icon-box-icon::after { background-color: var(--gc-acc); box-shadow: 0 0 0 1.5px var(--gc-ink); } :root[data-tema="claro"] .elementor .elementor-widget-icon-box .elementor-icon-box-icon::before { background-color: var(--gc-acc); } /* ---------- Selos "Etapa 01…06": viram texto (as imagens originais são brancas) ---------- */ :root[data-tema="claro"] .elementor .elementor-element.elementor-element-64bbd48f { counter-reset: etapa; } :root[data-tema="claro"] .elementor .elementor-element-64bbd48f .elementor-widget-image-box { counter-increment: etapa; } :root[data-tema="claro"] .elementor .elementor-element-64bbd48f .elementor-image-box-img { width: auto !important; } :root[data-tema="claro"] .elementor .elementor-element-64bbd48f .elementor-image-box-img img { display: none; } :root[data-tema="claro"] .elementor .elementor-element-64bbd48f .elementor-image-box-img::after { content: "Etapa " counter(etapa, decimal-leading-zero); display: inline-block; padding: .4em 1.1em; font-family: "Degular", sans-serif; font-size: 1rem; font-weight: 600; line-height: 1.4; color: var(--gc-ink); background: var(--gc-acc); border: var(--gc-border); border-radius: 8px; box-shadow: 3px 3px 0 var(--gc-ink); } /* ---------- Faixa "Oportunidade única!" e barras finais: rosa -> amarelo ---------- */ :root[data-tema="claro"] .elementor .elementor-element.elementor-element-44ed0b9d { background-image: none; background-color: var(--gc-acc); border-top: var(--gc-border); border-bottom: var(--gc-border); } :root[data-tema="claro"] .elementor .elementor-element-3d889e23 svg * { fill: var(--gc-acc-strong); } :root[data-tema="claro"] .elementor .elementor-element.elementor-element-3b8e41ac, :root[data-tema="claro"] .elementor .elementor-element.elementor-element-63b8e00, :root[data-tema="claro"] .elementor .elementor-element.elementor-element-c3c7b11 { background-image: none; background-color: var(--gc-acc); border-top: var(--gc-border); } /* ---------- Cards ---------- */ :root[data-tema="claro"] .elementor .elementor-element.elementor-element-27309e2c, :root[data-tema="claro"] .elementor .elementor-element.elementor-element-61452573, :root[data-tema="claro"] .elementor .elementor-element.elementor-element-36779248, :root[data-tema="claro"] .elementor .elementor-element.elementor-element-3216f8e { background-image: none; background-color: var(--gc-surface); border: var(--gc-border); box-shadow: var(--gc-shadow-lg); } /* forma decorativa atrás do card "Quem pode participar?" */ :root[data-tema="claro"] .elementor .elementor-element-4d78a6a svg * { fill: var(--gc-acc-soft); } /* foto final: sombra dura que acompanha o recorte da imagem */ :root[data-tema="claro"] .elementor .elementor-element.elementor-element-3650b380 { box-shadow: none; filter: drop-shadow(8px 8px 0 var(--gc-ink)); } /* vídeos (no contêiner que tem os cantos arredondados, para a sombra não ser cortada) */ :root[data-tema="claro"] .elementor .elementor-widget-video > .elementor-widget-container { border: var(--gc-border); box-shadow: var(--gc-shadow-lg); } /* ---------- Rodapés ---------- */ :root[data-tema="claro"] .elementor .elementor-element.elementor-element-17736784, :root[data-tema="claro"] .elementor .elementor-element.elementor-element-b7f4078, :root[data-tema="claro"] .elementor .elementor-element.elementor-element-143d45c { background-image: none; background-color: var(--gc-surface); border-top: var(--gc-border); } /* ---------- Formulário ---------- */ /* contador */ :root[data-tema="claro"] .elementor .elementor-element.elementor-element-7388b55 { background-image: none; background-color: var(--gc-surface); border: var(--gc-border); box-shadow: var(--gc-shadow); } :root[data-tema="claro"] .elementor .elementor-element-0d96dfb .elementor-countdown-digits { color: var(--gc-ink); } :root[data-tema="claro"] .elementor .elementor-element-0d96dfb .elementor-countdown-label { color: var(--gc-muted); } :root[data-tema="claro"] .elementor .elementor-element.elementor-element-2769feb { background-color: var(--gc-acc); } /* pílula "Inscrições 100% gratuita…" */ :root[data-tema="claro"] .elementor .elementor-element.elementor-element-5904460 { background: none; color: var(--gc-ink); -webkit-text-fill-color: var(--gc-ink); } :root[data-tema="claro"] .elementor .elementor-element.elementor-element-5904460 > .elementor-widget-container { background: var(--gc-acc); border: var(--gc-border); border-radius: 8px; box-shadow: 3px 3px 0 var(--gc-ink); } /* campos */ :root[data-tema="claro"] .elementor .elementor-widget-form .elementor-field-group .elementor-field:not(.elementor-select-wrapper), :root[data-tema="claro"] .elementor .elementor-widget-form .elementor-field-group .elementor-select-wrapper select, :root[data-tema="claro"] .elementor .elementor-widget-form .elementor-field-type-textarea textarea, :root[data-tema="claro"] .elementor .elementor-widget-form #form-field-qualconcurso { color: var(--gc-ink) !important; background: var(--gc-surface) !important; border: var(--gc-border) !important; border-radius: 8px !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; } :root[data-tema="claro"] .elementor .elementor-widget-form .elementor-field::placeholder, :root[data-tema="claro"] .elementor .elementor-widget-form textarea::placeholder, :root[data-tema="claro"] .elementor .elementor-widget-form #form-field-qualconcurso::placeholder { color: var(--gc-muted) !important; opacity: 1; } :root[data-tema="claro"] .elementor .elementor-widget-form .elementor-field-group .elementor-field:not(.elementor-select-wrapper):focus, :root[data-tema="claro"] .elementor .elementor-widget-form .elementor-field-group .elementor-select-wrapper select:focus, :root[data-tema="claro"] .elementor .elementor-widget-form .elementor-field-type-textarea textarea:focus, :root[data-tema="claro"] .elementor .elementor-widget-form #form-field-qualconcurso:focus { background: #FFFBEA !important; border-color: var(--gc-ink) !important; box-shadow: 3px 3px 0 var(--gc-ink) !important; } :root[data-tema="claro"] .elementor .elementor-widget-form .elementor-select-wrapper::before, :root[data-tema="claro"] .elementor .elementor-widget-form .elementor-select-wrapper .select-caret-down-wrapper { color: var(--gc-ink) !important; fill: var(--gc-ink) !important; } /* perguntas visíveis (o original usa !important com seletor longo; por isso a cadeia maior aqui) */ :root[data-tema="claro"] .elementor .elementor-widget-form .elementor-form .elementor-field-group > .elementor-field-label { color: var(--gc-ink) !important; } /* opções em card (radio / checkbox) */ :root[data-tema="claro"] .elementor .elementor-widget-form .elementor-form .elementor-field-subgroup .elementor-field-option label { color: var(--gc-ink) !important; background: var(--gc-surface) !important; border: var(--gc-border) !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; } :root[data-tema="claro"] .elementor .elementor-widget-form .elementor-form .elementor-field-subgroup .elementor-field-option label:hover { color: var(--gc-ink) !important; background: var(--gc-acc-soft) !important; border-color: var(--gc-ink) !important; } :root[data-tema="claro"] .elementor .elementor-widget-form .elementor-form .elementor-field-subgroup .elementor-field-option input:checked + label { color: var(--gc-ink) !important; background: var(--gc-acc) !important; border-color: var(--gc-ink) !important; box-shadow: 3px 3px 0 var(--gc-ink) !important; } /* Botões do formulário: mesmo desenho do botão principal da home — pílula com elevação suave, sem borda preta nem sombra dura. O "Anterior" mantém o formato, em branco, para ler como ação secundária. */ :root[data-tema="claro"] .elementor .elementor-widget-form .elementor-button { color: var(--gc-ink) !important; background: var(--gc-acc) !important; background-image: var(--gc-acc-grad) !important; border: none !important; border-radius: 999px !important; box-shadow: 0 6px 18px rgba(201, 134, 15, .35), 0 2px 4px rgba(26, 26, 26, .12) !important; transition: transform .2s ease, box-shadow .25s ease, background-image .3s ease !important; } :root[data-tema="claro"] .elementor .elementor-widget-form .elementor-button:hover { background-image: var(--gc-acc-grad-strong) !important; transform: translateY(-2px) !important; box-shadow: 0 10px 26px rgba(201, 134, 15, .42), 0 3px 6px rgba(26, 26, 26, .14) !important; } :root[data-tema="claro"] .elementor .elementor-widget-form .elementor-button:active { transform: translateY(1px) !important; box-shadow: 0 3px 10px rgba(201, 134, 15, .3), 0 1px 2px rgba(26, 26, 26, .12) !important; } :root[data-tema="claro"] .elementor .elementor-widget-form .e-form__buttons__wrapper__button-previous { background: var(--gc-surface) !important; background-image: none !important; box-shadow: 0 4px 12px rgba(26, 26, 26, .12) !important; } :root[data-tema="claro"] .elementor .elementor-widget-form .e-form__buttons__wrapper__button-previous:hover { background: #F2F0EA !important; background-image: none !important; transform: translateY(-2px) !important; } /* ---------- Depoimentos em vídeo (professor e jurado) ---------- */ :root[data-tema="claro"] .gc-depo { --gd-texto: var(--gc-ink); --gd-apoio: var(--gc-muted); --gd-moldura: var(--gc-border); --gd-sombra: var(--gc-shadow-lg); --gd-selo-fundo: var(--gc-surface); } :root[data-tema="claro"] .gc-depo-cab h2 { font-family: 'Playfair Display', Georgia, serif; } :root[data-tema="claro"] .gc-depo-selo { box-shadow: 3px 3px 0 var(--gc-ink); } :root[data-tema="claro"] .gc-depo-papel { background: var(--gc-acc); } /* ---------- Detalhes em amarelo: mesmo degradê das palavras destacadas ---------- O amarelo chapado (--gc-acc) continua como base; aqui ele ganha por cima o degradê de "talento em profissão" (--gc-acc-grad), para tudo falar a mesma língua. Só as superfícies pintadas entram: fundo de SVG (fill) e o amarelo claro dos estados de hover seguem chapados. */ /* pílulas "Inscrições 100% gratuita…" (captura e formulário) */ :root[data-tema="claro"] .elementor .elementor-element.elementor-element-7cac530e > .elementor-widget-container, :root[data-tema="claro"] .elementor .elementor-element.elementor-element-5904460 > .elementor-widget-container { background-image: var(--gc-acc-grad); } /* etiquetas "Etapa 01…06" */ :root[data-tema="claro"] .elementor .elementor-element-64bbd48f .elementor-image-box-img::after { background-image: var(--gc-acc-grad); } /* bolinhas das pílulas ("No seu primeiro dia"…) */ :root[data-tema="claro"] .elementor .elementor-widget-icon-box .elementor-icon-box-icon::before, :root[data-tema="claro"] .elementor .elementor-widget-icon-box .elementor-icon-box-icon::after { background-image: var(--gc-acc-grad); } /* setas da galeria e selo de papel dos depoimentos */ :root[data-tema="claro"] .gc-galeria .gc-seta, :root[data-tema="claro"] .gc-depo-papel { background-image: var(--gc-acc-grad); } /* faixas amarelas de largura inteira ("Oportunidade única!", contador e barras finais) */ :root[data-tema="claro"] .elementor .elementor-element.elementor-element-44ed0b9d, :root[data-tema="claro"] .elementor .elementor-element.elementor-element-64ede105, :root[data-tema="claro"] .elementor .elementor-element.elementor-element-2769feb, :root[data-tema="claro"] .elementor .elementor-element.elementor-element-3b8e41ac, :root[data-tema="claro"] .elementor .elementor-element.elementor-element-63b8e00, :root[data-tema="claro"] .elementor .elementor-element.elementor-element-c3c7b11 { background-image: var(--gc-acc-grad); } /* opção marcada no formulário */ :root[data-tema="claro"] .elementor .elementor-widget-form .elementor-form .elementor-field-subgroup .elementor-field-option input:checked + label { background-image: var(--gc-acc-grad) !important; }