.elementor-7193 .elementor-element.elementor-element-70b4a81{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:4rem 5rem;--row-gap:4rem;--column-gap:5rem;--overlay-opacity:0.65;--padding-top:4rem;--padding-bottom:4rem;--padding-left:0rem;--padding-right:0rem;}.elementor-7193 .elementor-element.elementor-element-70b4a81:not(.elementor-motion-effects-element-type-background), .elementor-7193 .elementor-element.elementor-element-70b4a81 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://thalyssalarangeiras.com/wp-content/uploads/2025/06/BG_Hero_Advanced.webp");background-position:top center;background-repeat:no-repeat;}.elementor-7193 .elementor-element.elementor-element-70b4a81::before, .elementor-7193 .elementor-element.elementor-element-70b4a81 > .elementor-background-video-container::before, .elementor-7193 .elementor-element.elementor-element-70b4a81 > .e-con-inner > .elementor-background-video-container::before, .elementor-7193 .elementor-element.elementor-element-70b4a81 > .elementor-background-slideshow::before, .elementor-7193 .elementor-element.elementor-element-70b4a81 > .e-con-inner > .elementor-background-slideshow::before, .elementor-7193 .elementor-element.elementor-element-70b4a81 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#090916;--background-overlay:'';}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-7193 .elementor-element.elementor-element-32fa46b{width:var( --container-widget-width, 683px );max-width:683px;--container-widget-width:683px;--container-widget-flex-grow:0;text-align:center;}.elementor-7193 .elementor-element.elementor-element-32fa46b > .elementor-widget-container{margin:0rem 0rem 0rem 0rem;}.elementor-7193 .elementor-element.elementor-element-32fa46b .elementor-heading-title{font-family:"Lufga", Sans-serif;font-size:3rem;font-weight:600;line-height:1.2em;color:#F4F1FB;}.elementor-7193 .elementor-element.elementor-element-84419eb{width:var( --container-widget-width, 700px );max-width:700px;--container-widget-width:700px;--container-widget-flex-grow:0;}.elementor-7193 .elementor-element.elementor-element-84419eb .elementor-heading-title{font-family:"Lufga", Sans-serif;font-size:0.875rem;font-weight:600;color:#F4F1FB;}.elementor-7193 .elementor-element.elementor-element-e2c188b{width:var( --container-widget-width, 530px );max-width:530px;--container-widget-width:530px;--container-widget-flex-grow:0;text-align:center;}.elementor-7193 .elementor-element.elementor-element-e2c188b > .elementor-widget-container{margin:0rem 0rem 0rem 0rem;}.elementor-7193 .elementor-element.elementor-element-e2c188b .elementor-heading-title{font-family:"Lufga", Sans-serif;font-size:1.5rem;font-weight:600;line-height:1.2em;color:#F4F1FB;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-7193 .elementor-element.elementor-element-d989a2e{width:var( --container-widget-width, 42% );max-width:42%;--container-widget-width:42%;--container-widget-flex-grow:0;text-align:center;font-family:"Lufga", Sans-serif;font-size:1.25rem;font-weight:400;line-height:1.5em;color:#F4F1FB;}.elementor-7193 .elementor-element.elementor-element-d989a2e > .elementor-widget-container{margin:-2rem 0rem -1rem 0rem;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-7193 .elementor-element.elementor-element-8ea8798{width:initial;max-width:initial;z-index:9;}.elementor-7193 .elementor-element.elementor-element-8ea8798 > .elementor-widget-container{margin:0rem 0rem 0rem 0rem;}.elementor-7193 .elementor-element.elementor-element-8ea8798 .elementor-button{font-family:"Lufga", Sans-serif;font-size:0.875rem;font-weight:600;text-transform:uppercase;line-height:1.3em;border-radius:6px 6px 6px 6px;padding:1.5rem 1.5rem 1.5rem 1.5rem;}.elementor-7193 .elementor-element.elementor-element-b82f482{width:var( --container-widget-width, 42% );max-width:42%;--container-widget-width:42%;--container-widget-flex-grow:0;text-align:center;font-family:"Lufga", Sans-serif;font-size:1rem;font-weight:400;line-height:1.5em;color:#F4F1FB;}.elementor-7193 .elementor-element.elementor-element-b82f482 > .elementor-widget-container{margin:-2rem 0rem -1rem 0rem;}body.elementor-page-7193:not(.elementor-motion-effects-element-type-background), body.elementor-page-7193 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#090916;}@media(max-width:1024px){.elementor-7193 .elementor-element.elementor-element-8ea8798.elementor-element{--align-self:center;}}@media(max-width:767px){.elementor-7193 .elementor-element.elementor-element-70b4a81{--gap:3rem 3rem;--row-gap:3rem;--column-gap:3rem;--padding-top:4rem;--padding-bottom:4rem;--padding-left:1rem;--padding-right:1rem;}.elementor-7193 .elementor-element.elementor-element-32fa46b{width:100%;max-width:100%;}.elementor-7193 .elementor-element.elementor-element-32fa46b.elementor-element{--align-self:center;}.elementor-7193 .elementor-element.elementor-element-32fa46b .elementor-heading-title{line-height:0.95em;}.elementor-7193 .elementor-element.elementor-element-e2c188b{width:100%;max-width:100%;}.elementor-7193 .elementor-element.elementor-element-e2c188b.elementor-element{--align-self:center;}.elementor-7193 .elementor-element.elementor-element-d989a2e{width:100%;max-width:100%;}.elementor-7193 .elementor-element.elementor-element-8ea8798{width:100%;max-width:100%;}.elementor-7193 .elementor-element.elementor-element-8ea8798 > .elementor-widget-container{margin:0rem 0rem 0rem 0rem;}.elementor-7193 .elementor-element.elementor-element-8ea8798.elementor-element{--align-self:center;}.elementor-7193 .elementor-element.elementor-element-8ea8798 .elementor-button{padding:1.5rem 0.5rem 1.5rem 0.5rem;}.elementor-7193 .elementor-element.elementor-element-b82f482{width:100%;max-width:100%;}}/* Start custom CSS for heading, class: .elementor-element-32fa46b */.elementor-7193 .elementor-element.elementor-element-32fa46b span{ color: #B66BFF }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-84419eb *//*barra externa*/ .elementor-7193 .elementor-element.elementor-element-84419eb .elementor-widget-container{ display: flex; overflow: hidden; /*cor da barra externa*/ background: #F4F1FB; /*arredondamento externo*/ border-radius: 100px; /*padding entre a barra externa e interna*/ padding: 0px; } /*barra interna*/ .elementor-7193 .elementor-element.elementor-element-84419eb .elementor-heading-title{ width: 0; display: flex; justify-content: space-between; text-wrap: nowrap; align-items: center; animation: progresso 1s ease-in-out forwards, barberpole 10s linear infinite; /*cor da barra interna*/ background: #B12EFD; /*arredondamento da barra interna*/ border-radius: 0px; /*altura da barra*/ height: 48px; /*animação do BG da barra interna, barberpole*/ background-image: repeating-linear-gradient( -45deg, transparent, transparent 16px, #ffffff29 16px, #ffffff29 40px ); background-size: 200% 200%; } .elementor-7193 .elementor-element.elementor-element-84419eb .texto{ overflow: hidden; padding-left: 20px; } .elementor-7193 .elementor-element.elementor-element-84419eb .porcentagem{ padding-right: 20px; } @keyframes progresso{ 100%{ /*mude a porcentagem e também lembre de mudar o texto*/ width:75%; } } /*animação do BG da barra interna, barberpole*/ @keyframes barberpole{ 100% { background-position: 100% 100%; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-e2c188b */.elementor-7193 .elementor-element.elementor-element-e2c188b span{ color: #931CF4 }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-d989a2e */.elementor-7193 .elementor-element.elementor-element-d989a2e em, .elementor-7193 .elementor-element.elementor-element-d989a2e strong{ color: #FF3D8A; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-8ea8798 */.elementor-7193 .elementor-element.elementor-element-8ea8798{ border-radius: 6px !important; }/* End custom CSS */ /* Start custom CSS */html,body{ overflow-x: hidden; } @media(max-width:767px){ html,body{ font-size: 14px; } } html, body{ overflow-x: hidden; } /*GSAP - Blur Efect Intro*/ .scroll-bottom{ opacity: 0; transition: 0.8s; transform: translate(0px, 30px); } .scroll-top{ opacity: 0; transition: 0.8s; transform: translate(0px, -30px); } .scroll-left{ opacity: 0; transition: 0.8s; transform: translate(-30px, 0px); } .scroll-right{ opacity: 0; transition: 0.8s; transform: translate(30px, 0px); } .elementor-editor-active .scroll-bottom, .elementor-editor-active .scroll-top, .elementor-editor-active .scroll-left, .elementor-editor-active .scroll-right, .ativo{ opacity: 1; transition: 0.8s; transform: translatey(0px); } /*Estilo Novo*/ /* ============================================================== LP · DESVENDANDO SEQUÊNCIAS CONSTRUTIVAS CSS de efeitos visuais — versão com !important blindado --------------------------------------------------------------- Você controla: fontes, tamanhos, pesos, paddings, line-height Esta folha controla: cores, gradientes, sombras, animações, hovers, efeitos de fundo, cantos, pills --------------------------------------------------------------- COLAR EM: Elementor → Site Settings → Custom CSS ============================================================== */ /* ========== 1. TOKENS DE COR ========== */ :root { --tl-violet: #B66BFF; --tl-pink: #FF3D8A; --tl-bg: #0A0613; --tl-bg-2: #120820; --tl-text: #F4F1FB; --tl-text-muted: #9B93B4; --tl-line: rgba(182, 107, 255, .18); --tl-line-strong: rgba(182, 107, 255, .32); } /* ========== 2. KEYFRAMES (animações) ========== */ @keyframes tl-shimmer { 0% { background-position: 0% 50%; } 100% { background-position: 220% 50%; } } @keyframes tl-pulse { 0%, 100% { opacity: 1; } 50% { opacity: .5; } } @keyframes tl-marquee { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } } /* ========== 3. CORES DE TEXTO ========== */ .tl-c-text, .tl-c-text * { color: var(--tl-text) !important; } .tl-c-muted, .tl-c-muted * { color: var(--tl-text-muted) !important; } .tl-c-violet, .tl-c-violet * { color: var(--tl-violet) !important; } .tl-c-pink, .tl-c-pink * { color: var(--tl-pink) !important; } /* ========== 4. BACKGROUNDS ========== */ .tl-bg-dark { background: var(--tl-bg) !important; background-color: var(--tl-bg) !important; } .tl-bg-dark-2 { background: var(--tl-bg-2) !important; background-color: var(--tl-bg-2) !important; } .tl-bg-glass { background: rgba(255,255,255,.025) !important; background-color: rgba(255,255,255,.025) !important; backdrop-filter: blur(10px) !important; -webkit-backdrop-filter: blur(10px) !important; } .tl-bg-glass-v { background: rgba(182,107,255,.06) !important; background-color: rgba(182,107,255,.06) !important; backdrop-filter: blur(10px) !important; -webkit-backdrop-filter: blur(10px) !important; } .tl-bg-glass-p { background: rgba(255,61,138,.08) !important; background-color: rgba(255,61,138,.08) !important; backdrop-filter: blur(10px) !important; -webkit-backdrop-filter: blur(10px) !important; } /* ========== 5. BORDAS ========== */ .tl-border { border: 1px solid var(--tl-line) !important; } .tl-border-strong { border: 1px solid var(--tl-line-strong) !important; } .tl-border-violet { border: 1px solid var(--tl-violet) !important; } .tl-border-pink { border: 1px solid var(--tl-pink) !important; } .tl-divider-top { border-top: 1px solid var(--tl-line) !important; } .tl-divider-bottom { border-bottom: 1px solid var(--tl-line) !important; } /* ========== 6. BORDER RADIUS ========== */ .tl-rounded { border-radius: 6px !important; } .tl-rounded-lg { border-radius: 12px !important; } .tl-rounded-pill { border-radius: 100px !important; } /* ========== 7. TEXTO COM GRADIENTE ANIMADO ========== Aplique em ou inline dentro de um heading */ .tl-gradient, .tl-gradient * { background: linear-gradient(110deg, var(--tl-violet) 0%, var(--tl-pink) 55%, var(--tl-violet) 100%) !important; background-size: 220% auto !important; -webkit-background-clip: text !important; background-clip: text !important; color: transparent !important; -webkit-text-fill-color: transparent !important; animation: tl-shimmer 8s linear infinite !important; text-shadow: none !important; } /* gradiente estático (sem animação) para números / stats */ .tl-gradient-static, .tl-gradient-static * { background: linear-gradient(135deg, var(--tl-violet), var(--tl-pink)) !important; -webkit-background-clip: text !important; background-clip: text !important; color: transparent !important; -webkit-text-fill-color: transparent !important; text-shadow: none !important; } /* ========== 8. ACCENT ITÁLICO ROSA ========== */ .tl-accent, .tl-accent * { font-style: italic !important; color: var(--tl-pink) !important; } /* ========== 9. MARCA-TEXTO (highlight rosa) ========== */ .tl-mark, mark.tl-mark { background: linear-gradient(180deg, transparent 60%, rgba(255,61,138,.35) 60%) !important; color: inherit !important; border-radius: 2px !important; } /* ========== 10. PULSE DOT (bolinha pulsante) ========== */ .tl-pulse-dot { display: inline-block !important; width: 8px !important; height: 8px !important; border-radius: 50% !important; background: var(--tl-pink) !important; background-color: var(--tl-pink) !important; box-shadow: 0 0 0 4px rgba(255,61,138,.2), 0 0 12px var(--tl-pink) !important; animation: tl-pulse 1.6s ease-in-out infinite !important; vertical-align: middle !important; flex-shrink: 0 !important; margin-top: -5%; margin-right: 8px; } .tl-pulse-dot--violet { background: var(--tl-violet) !important; background-color: var(--tl-violet) !important; box-shadow: 0 0 0 4px rgba(182,107,255,.2), 0 0 12px var(--tl-violet) !important; } .tl-pulse-dot--sm { width: 6px !important; height: 6px !important; } /* ========== 11. BOTÃO PRIMÁRIO (gradiente + hover) ========== */ .tl-btn-primary .elementor-button, a.tl-btn-primary, button.tl-btn-primary, .tl-btn-primary { background: linear-gradient(135deg, var(--tl-violet) 0%, var(--tl-pink) 100%) !important; background-color: var(--tl-violet) !important; color: #F4F1FB !important; box-shadow: 0 0 0px 1px rgba(255,255,255,.12) inset, 0 8px 32px -4px rgba(182,107,255,.55), 0 4px 16px -2px rgba(255,61,138,.4) !important; transition: transform .3s cubic-bezier(.2,.8,.2,1), box-shadow .3s ease, background .3s ease !important; text-decoration: none !important; } .tl-btn-primary:hover .elementor-button, a.tl-btn-primary:hover, button.tl-btn-primary:hover, .tl-btn-primary:hover { background: linear-gradient(135deg, var(--tl-pink) 0%, var(--tl-violet) 100%) !important; background-color: var(--tl-pink) !important; color: #F4F1FB !important; transform: translateY(-2px) !important; box-shadow: 0 0 0 1px rgba(255,255,255,.2) inset, 0 12px 40px -4px rgba(255,61,138,.6), 0 6px 20px -2px rgba(182,107,255,.5) !important; } /* ========== 12. BOTÃO SECUNDÁRIO (outline rosa) ========== */ .tl-btn-secondary .elementor-button, a.tl-btn-secondary, button.tl-btn-secondary, .tl-btn-secondary { background: rgba(255,61,138,.08) !important; background-color: rgba(255,61,138,.08) !important; color: var(--tl-pink) !important; transition: transform .3s ease, background .3s ease, color .3s ease, box-shadow .3s ease !important; text-decoration: none !important; } .tl-btn-secondary:hover .elementor-button, a.tl-btn-secondary:hover, button.tl-btn-secondary:hover, .tl-btn-secondary:hover { background: var(--tl-pink) !important; background-color: var(--tl-pink) !important; color: #0F0719 !important; transform: translateY(-2px) !important; box-shadow: 0 8px 28px -6px rgba(255,61,138,.6), 0 0 20px rgba(255,61,138,.4) !important; } /* ========== 13. CARD COM HOVER ========== */ .tl-card { background: rgba(255,255,255,.025) !important; background-color: rgba(255,255,255,.025) !important; border: 1px solid var(--tl-line) !important; border-radius: 12px !important; backdrop-filter: blur(10px) !important; -webkit-backdrop-filter: blur(10px) !important; transition: background .3s ease, border-color .3s ease, transform .3s ease, box-shadow .3s ease !important; } .tl-card:hover { background: rgba(182,107,255,.05) !important; background-color: rgba(182,107,255,.05) !important; border-color: var(--tl-violet) !important; transform: translateY(-3px) !important; box-shadow: 0 12px 40px -8px rgba(182,107,255,.3) !important; } /* card destacado */ .tl-card-feature { background: linear-gradient(135deg, rgba(182,107,255,.12), rgba(255,61,138,.08)) !important; border-color: var(--tl-pink) !important; box-shadow: 0 8px 40px -12px rgba(255,61,138,.35) !important; position: relative !important; } .tl-card-feature::after { content: "" !important; position: absolute !important; top: 20px !important; right: 20px !important; width: 10px !important; height: 10px !important; border-radius: 50% !important; background: var(--tl-pink) !important; box-shadow: 0 0 0 4px rgba(255,61,138,.2), 0 0 16px var(--tl-pink) !important; animation: tl-pulse 1.4s ease-in-out infinite !important; pointer-events: none !important; } /* card que desliza pra direita no hover (pilares) */ .tl-card-slide { background: rgba(255,255,255,.025) !important; background-color: rgba(255,255,255,.025) !important; border: 1px solid var(--tl-line) !important; border-radius: 10px !important; transition: border-color .3s ease, transform .3s ease !important; } .tl-card-slide:hover { border-color: var(--tl-violet) !important; transform: translateX(4px) !important; } /* ========== 14. ÍCONE DE CHECK GRADIENTE ========== ✓ */ .tl-check-icon { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 36px !important; height: 36px !important; border-radius: 8px !important; background: linear-gradient(135deg, var(--tl-violet), var(--tl-pink)) !important; color: #0F0719 !important; box-shadow: 0 0 20px rgba(182,107,255,.35) !important; flex-shrink: 0 !important; } /* ========== 15. BACKGROUND ORBS ========== Aplique numa Section/Container. Posicione a section livremente. */ /* orb violeta grande centralizado */ .tl-orb-violet { position: relative !important; overflow: hidden !important; } .tl-orb-violet::before { content: "" !important; position: absolute !important; width: 800px !important; height: 800px !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; background: var(--tl-violet) !important; filter: blur(150px) !important; opacity: .15 !important; border-radius: 50% !important; pointer-events: none !important; z-index: 0 !important; } /* orb pink lateral */ .tl-orb-pink { position: relative !important; overflow: hidden !important; } .tl-orb-pink::before { content: "" !important; position: absolute !important; width: 700px !important; height: 700px !important; top: 50% !important; right: -200px !important; transform: translateY(-50%) !important; background: var(--tl-pink) !important; filter: blur(160px) !important; opacity: .18 !important; border-radius: 50% !important; pointer-events: none !important; z-index: 0 !important; } /* orb duplo violeta+pink */ .tl-orb-dual { position: relative !important; overflow: hidden !important; } .tl-orb-dual::before, .tl-orb-dual::after { content: "" !important; position: absolute !important; border-radius: 50% !important; filter: blur(120px) !important; pointer-events: none !important; z-index: 0 !important; } .tl-orb-dual::before { width: 50vw !important; height: 50vw !important; top: -60% !important; left: 70% !important; background: var(--tl-pink) !important; opacity: .45 !important; } .tl-orb-dual::after { width: 50vw !important; height: 50vw !important; bottom: -300px !important; left: -200px !important; background: var(--tl-violet) !important; opacity: .3 !important; } /* garante conteúdo acima dos orbs */ .tl-orb-violet > *, .tl-orb-pink > *, .tl-orb-dual > * { position: relative !important; z-index: 1 !important; } /* ========== 16. FOTO COM HALO DE GLOW ========== */ .tl-photo-glow { position: relative !important; } .tl-photo-glow::before { content: "" !important; position: absolute !important; inset: -40px !important; background: radial-gradient(ellipse 60% 50% at 30% 30%, rgba(182,107,255,.35), transparent 70%), radial-gradient(ellipse 50% 40% at 80% 80%, rgba(255,61,138,.3), transparent 70%) !important; filter: blur(40px) !important; opacity: .7 !important; pointer-events: none !important; z-index: 0 !important; } .tl-photo-glow > * { position: relative !important; z-index: 1 !important; } /* ========== 17. CANTOS EM L (frame violeta/pink) ========== */ .tl-corners { position: relative !important; } .tl-corners::before, .tl-corners::after { content: "" !important; position: absolute !important; width: 60px !important; height: 60px !important; pointer-events: none !important; z-index: 2 !important; } .tl-corners::before { top: 0 !important; left: 0 !important; border-top: 2px solid var(--tl-violet) !important; border-left: 2px solid var(--tl-violet) !important; } .tl-corners::after { bottom: 0 !important; right: 0 !important; border-bottom: 2px solid var(--tl-pink) !important; border-right: 2px solid var(--tl-pink) !important; } /* ========== 18. TICKER MARQUEE ========== */ .tl-ticker { overflow: hidden !important; border-top: 1px solid var(--tl-line) !important; border-bottom: 1px solid var(--tl-line) !important; background: rgba(10,6,19,.6) !important; background-color: rgba(10,6,19,.6) !important; backdrop-filter: blur(10px) !important; -webkit-backdrop-filter: blur(10px) !important; } .tl-ticker-track { display: inline-flex !important; gap: 28px !important; white-space: nowrap !important; animation: tl-marquee 38s linear infinite !important; } .tl-ticker-sep { color: var(--tl-pink) !important; } /* ========== 19. DIVISOR COM GRADIENTE ========== */ .tl-divider-gradient { height: 1px !important; background: linear-gradient(90deg, transparent, var(--tl-violet), transparent) !important; border: none !important; } /* ========== 20. PILLS (só aparência, padding é seu) ========== */ .tl-pill-glass { display: inline-flex !important; align-items: center !important; gap: 10px !important; border: 1px solid var(--tl-line-strong) !important; border-radius: 100px !important; background: rgba(182,107,255,.06) !important; background-color: rgba(182,107,255,.06) !important; backdrop-filter: blur(10px) !important; -webkit-backdrop-filter: blur(10px) !important; } .tl-pill-live { display: inline-flex !important; align-items: center !important; gap: 10px !important; background: rgba(255,61,138,.08) !important; background-color: rgba(255,61,138,.08) !important; border: 1px solid rgba(255,61,138,.3) !important; border-radius: 100px !important; color: var(--tl-pink) !important; } .tl-pill-soft { display: inline-block !important; border: 1px solid var(--tl-line-strong) !important; border-radius: 100px !important; background: rgba(182,107,255,.05) !important; background-color: rgba(182,107,255,.05) !important; backdrop-filter: blur(10px) !important; -webkit-backdrop-filter: blur(10px) !important; } .tl-pill-solid-pink { display: inline-block !important; background: var(--tl-pink) !important; background-color: var(--tl-pink) !important; color: #0F0719 !important; border-radius: 100px !important; } /* ========== 21. ARROW PREFIX ========== */ .tl-arrow-prefix::before { content: "→ " !important; color: var(--tl-pink) !important; margin-right: 4px !important; } @media(max-width: 767px){ .tl-orb-dual::before { width: 150vw !important; height: 150vw !important; top: -25% !important; left: 70% !important; } .tl-orb-dual::after { width: 150vw !important; height: 150vw !important; top: 50% !important; left: -200px !important; } }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Lufga'; font-style: normal; font-weight: 300; font-display: swap; src: url('https://thalyssalarangeiras.com/wp-content/uploads/2023/09/Lufga-Light.eot'); src: url('https://thalyssalarangeiras.com/wp-content/uploads/2023/09/Lufga-Light.eot?#iefix') format('embedded-opentype'), url('https://thalyssalarangeiras.com/wp-content/uploads/2023/09/Lufga-Light.woff2') format('woff2'), url('https://thalyssalarangeiras.com/wp-content/uploads/2023/09/Lufga-Light.woff') format('woff'), url('https://thalyssalarangeiras.com/wp-content/uploads/2023/09/Lufga-Light.ttf') format('truetype'), url('https://thalyssalarangeiras.com/wp-content/uploads/2023/09/Lufga-Light.svg#Lufga') format('svg'); } @font-face { font-family: 'Lufga'; font-style: normal; font-weight: 400; font-display: swap; src: url('https://thalyssalarangeiras.com/wp-content/uploads/2023/09/Lufga-Regular.eot'); src: url('https://thalyssalarangeiras.com/wp-content/uploads/2023/09/Lufga-Regular.eot?#iefix') format('embedded-opentype'), url('https://thalyssalarangeiras.com/wp-content/uploads/2023/09/Lufga-Regular.woff2') format('woff2'), url('https://thalyssalarangeiras.com/wp-content/uploads/2023/09/Lufga-Regular.woff') format('woff'), url('https://thalyssalarangeiras.com/wp-content/uploads/2023/09/Lufga-Regular.ttf') format('truetype'), url('https://thalyssalarangeiras.com/wp-content/uploads/2023/09/Lufga-Regular.svg#Lufga') format('svg'); } @font-face { font-family: 'Lufga'; font-style: normal; font-weight: 500; font-display: swap; src: url('https://thalyssalarangeiras.com/wp-content/uploads/2023/09/Lufga-Medium.eot'); src: url('https://thalyssalarangeiras.com/wp-content/uploads/2023/09/Lufga-Medium.eot?#iefix') format('embedded-opentype'), url('https://thalyssalarangeiras.com/wp-content/uploads/2023/09/Lufga-Medium.woff2') format('woff2'), url('https://thalyssalarangeiras.com/wp-content/uploads/2023/09/Lufga-Medium.woff') format('woff'), url('https://thalyssalarangeiras.com/wp-content/uploads/2023/09/Lufga-Medium.ttf') format('truetype'), url('https://thalyssalarangeiras.com/wp-content/uploads/2023/09/Lufga-Medium.svg#Lufga') format('svg'); } @font-face { font-family: 'Lufga'; font-style: normal; font-weight: 600; font-display: swap; src: url('https://thalyssalarangeiras.com/wp-content/uploads/2023/09/Lufga-SemiBold.eot'); src: url('https://thalyssalarangeiras.com/wp-content/uploads/2023/09/Lufga-SemiBold.eot?#iefix') format('embedded-opentype'), url('https://thalyssalarangeiras.com/wp-content/uploads/2023/09/Lufga-SemiBold.woff2') format('woff2'), url('https://thalyssalarangeiras.com/wp-content/uploads/2023/09/Lufga-SemiBold.woff') format('woff'), url('https://thalyssalarangeiras.com/wp-content/uploads/2023/09/Lufga-SemiBold.ttf') format('truetype'), url('https://thalyssalarangeiras.com/wp-content/uploads/2023/09/Lufga-SemiBold.svg#Lufga') format('svg'); } @font-face { font-family: 'Lufga'; font-style: normal; font-weight: 700; font-display: swap; src: url('https://thalyssalarangeiras.com/wp-content/uploads/2023/09/Lufga-Bold.eot'); src: url('https://thalyssalarangeiras.com/wp-content/uploads/2023/09/Lufga-Bold.eot?#iefix') format('embedded-opentype'), url('https://thalyssalarangeiras.com/wp-content/uploads/2023/09/Lufga-Bold.woff2') format('woff2'), url('https://thalyssalarangeiras.com/wp-content/uploads/2023/09/Lufga-Bold.woff') format('woff'), url('https://thalyssalarangeiras.com/wp-content/uploads/2023/09/Lufga-Bold.ttf') format('truetype'), url('https://thalyssalarangeiras.com/wp-content/uploads/2023/09/Lufga-Bold.svg#Lufga') format('svg'); } /* End Custom Fonts CSS */