.elementor-12 .elementor-element.elementor-element-af71f48{--display:flex;--position:fixed;top:0px;--z-index:100;}.elementor-12 .elementor-element.elementor-element-af71f48:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-af71f48 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF6EF;}body:not(.rtl) .elementor-12 .elementor-element.elementor-element-af71f48{left:0px;}body.rtl .elementor-12 .elementor-element.elementor-element-af71f48{right:0px;}.elementor-12 .elementor-element.elementor-element-672c1da{--display:flex;--position:fixed;top:0px;--z-index:100;}.elementor-12 .elementor-element.elementor-element-672c1da:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-672c1da > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF6EF;}body:not(.rtl) .elementor-12 .elementor-element.elementor-element-672c1da{left:0px;}body.rtl .elementor-12 .elementor-element.elementor-element-672c1da{right:0px;}.elementor-12 .elementor-element.elementor-element-47c1bcc{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-8b45eee{--display:flex;}.elementor-12 .elementor-element.elementor-element-8b45eee:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-8b45eee > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EEE3CF;}.elementor-12 .elementor-element.elementor-element-f1c6a02{--display:flex;}.elementor-12 .elementor-element.elementor-element-f1c6a02:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-f1c6a02 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF6EF;}.elementor-12 .elementor-element.elementor-element-b0479f1{--display:flex;}.elementor-12 .elementor-element.elementor-element-b0479f1:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-b0479f1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#22160D;}.elementor-12 .elementor-element.elementor-element-31dbda9{--display:flex;}.elementor-12 .elementor-element.elementor-element-31dbda9:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-31dbda9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF6EF;}.elementor-12 .elementor-element.elementor-element-21af07d{--display:flex;}.elementor-12 .elementor-element.elementor-element-21af07d:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-21af07d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EEE3CF;}.elementor-12 .elementor-element.elementor-element-3a36d6c{--display:flex;}.elementor-12 .elementor-element.elementor-element-3a36d6c:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-3a36d6c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF6EF;}.elementor-12 .elementor-element.elementor-element-82c4ec9{--display:flex;}.elementor-12 .elementor-element.elementor-element-82c4ec9:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-82c4ec9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#22160D;}.elementor-12 .elementor-element.elementor-element-b5ae944{--display:flex;}.elementor-12 .elementor-element.elementor-element-b5ae944:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-b5ae944 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1A1008;}.elementor-12 .elementor-element.elementor-element-5d94ed2{--display:flex;}.elementor-12 .elementor-element.elementor-element-5d94ed2:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-5d94ed2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1A1008;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-5fd533c */================================================================================ TATIANE BARBOSA — DESTRAVE | CSS GLOBAL ================================================================================ ONDE COLAR: Opção A (recomendada): WordPress > Appearence > Customize > Additional CSS Opção B: Elementor > Site Settings > Custom CSS Opção C: Elementor > cada seção > Advanced > Custom CSS (apenas para aquela seção) FONTES — adicionar no tema (functions.php) ou via plugin "Custom Fonts": PALETA DE CORES: Fundo principal: #FAF6EF (creme quente) Dourado/acento: #BE7D3A (caramelo dourado) Fundo escuro: #22160D (espresso profundo) Fundo suave: #EEE3CF (areia clara) Fundo card claro: #F2E3CC (pêssego suave) Fundo detalhe: #EDE0CC (caramelo claro) Texto principal: #1C1410 (quase preto quente) Texto secundário: #4A3728 (marrom médio) Texto suave: #A08060 (bege médio) Texto claro (dark): #C4A882 (caramelo claro) TIPOGRAFIA: Títulos: Cormorant Garamond — serif elegante Corpo: DM Sans — sans-serif limpo ================================================================================ /* ── RESET E BASE ── */ *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } html { scroll-behavior: smooth; } body { background: #FAF6EF; color: #1C1410; -webkit-font-smoothing: antialiased; } a { color: inherit; } em { font-style: italic; } /* ── ACCORDIONS (Pilares e FAQ) ── */ details > summary { list-style: none; } details > summary::-webkit-details-marker { display: none; } details.pilar > summary::after { content: '+'; font-family: 'DM Sans', sans-serif; font-size: 24px; font-weight: 300; color: #BE7D3A; flex-shrink: 0; line-height: 1; transition: transform 0.2s; } details.pilar[open] > summary::after { content: '-'; } details.faq > summary::after { content: '+'; font-family: 'DM Sans', sans-serif; font-size: 20px; font-weight: 300; color: #BE7D3A; flex-shrink: 0; line-height: 1; } details.faq[open] > summary::after { content: '-'; } /* ── ANIMAÇÕES CSS ── */ @keyframes fadeUp { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } } @keyframes lp-pulse { 0%,100% { box-shadow: 0 0 0 0 rgba(190,125,58,0.5); } 60% { box-shadow: 0 0 0 16px rgba(190,125,58,0); } } @keyframes lp-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-12px); } } @keyframes lp-floatB { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-8px); } } .lp-pulse-btn { animation: lp-pulse 2.4s ease-in-out infinite; } .lp-float { animation: lp-float 6s ease-in-out infinite; } .lp-floatB { animation: lp-floatB 4s ease-in-out infinite; } /* ── SCROLL REVEAL ── */ [data-reveal] { opacity: 0; transform: translateY(28px); transition: opacity 0.75s cubic-bezier(.25,.46,.45,.94), transform 0.75s cubic-bezier(.25,.46,.45,.94); } [data-reveal="left"] { transform: translateX(-32px); } [data-reveal="right"] { transform: translateX(32px); } [data-reveal].revealed { opacity: 1; transform: translate(0,0); } [data-reveal][data-delay="1"] { transition-delay: 0.1s; } [data-reveal][data-delay="2"] { transition-delay: 0.2s; } [data-reveal][data-delay="3"] { transition-delay: 0.3s; } [data-reveal][data-delay="4"] { transition-delay: 0.4s; } [data-reveal][data-delay="5"] { transition-delay: 0.5s; } [data-reveal][data-delay="6"] { transition-delay: 0.6s; } /* ── RESPONSIVO — GRIDS ── */ @media (max-width: 1100px) { .lp-hero-grid { grid-template-columns: 1fr 360px !important; gap: 56px !important; } .lp-about-grid { grid-template-columns: 320px 1fr !important; gap: 56px !important; } } @media (max-width: 860px) { .lp-hero-grid { grid-template-columns: 1fr !important; } .lp-about-grid { grid-template-columns: 1fr !important; } .lp-pain-grid { grid-template-columns: 1fr !important; } .lp-steps-grid { grid-template-columns: 1fr 1fr !important; } .lp-dep-grid { grid-template-columns: 1fr !important; } .lp-pil-header { grid-template-columns: 1fr !important; } .lp-sec { padding-left: 32px !important; padding-right: 32px !important; } .lp-cta-sec { padding-top: 88px !important; padding-bottom: 88px !important; } .lp-nav-inner { padding-left: 32px !important; padding-right: 32px !important; } .lp-hero-section{ padding-left: 32px !important; padding-right: 32px !important; } } @media (max-width: 600px) { .lp-sec { padding-left: 20px !important; padding-right: 20px !important; padding-top: 72px !important; padding-bottom: 72px !important; } .lp-hero-section{ padding-left: 20px !important; padding-right: 20px !important; padding-top: 56px !important; } .lp-cta-sec { padding-top: 72px !important; padding-bottom: 72px !important; } .lp-steps-grid { grid-template-columns: 1fr !important; } .lp-stats { gap: 28px !important; flex-wrap: wrap !important; } .lp-nav-inner { padding-left: 20px !important; padding-right: 20px !important; } .lp-footer-inner{ flex-direction: column !important; align-items: flex-start !important; gap: 16px !important; } .lp-footer-links{ flex-direction: column !important; gap: 8px !important; } }/* End custom CSS */