@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Inter:wght@400;500;600;700&display=swap'); :root { --ml-rosa: #E60067; --ml-rosa-escuro: #C40058; --ml-roxo: #B936D6; --ml-off-white: #FDF8F9; --ml-grafite: #1A1A1A; --ml-cinza: #6B6B6B; --ml-borda: #E8E0E2; --accent: #E60067; --accent-hover: #C40058; --fg1: #1A1A1A; --fg2: #6B6B6B; --border: #E8E0E2; --surface-soft: #FBF1F4; --sans: 'Inter', system-ui, sans-serif; --serif: 'Playfair Display', Georgia, serif; --ease-soft: cubic-bezier(.22,.61,.36,1); --dur: 260ms; } /* Elementor header sticky com blur */ .elementor-location-header { position: sticky !important; top: 0 !important; z-index: 999 !important; background: rgba(255,255,255,0.92) !important; backdrop-filter: blur(10px) !important; -webkit-backdrop-filter: blur(10px) !important; border-bottom: 1px solid var(--ml-borda) !important; transition: box-shadow var(--dur) var(--ease-soft) !important; } /* Botões de navegação — aparência de link limpo */ .elementor-location-header .elementor-widget-button .elementor-button { background: transparent !important; border: none !important; box-shadow: none !important; font-family: var(--sans) !important; font-weight: 500 !important; font-size: 15px !important; color: var(--fg1) !important; padding: 4px 8px !important; transition: color var(--dur) !important; text-decoration: none !important; } .elementor-location-header .elementor-widget-button .elementor-button:hover { background: transparent !important; color: var(--ml-rosa) !important; } /* Títulos com Playfair */ .elementor-heading-title { font-family: 'Playfair Display', Georgia, serif !important; font-weight: 500 !important; letter-spacing: -0.01em !important; } /* Eyebrow — texto pequeno uppercase rosa */ .elementor-widget-text-editor p:first-child, .elementor-text-editor p { font-family: 'Inter', sans-serif; } /* Botão primário CTA */ .elementor-widget-button .elementor-button-primary, .elementor-button[style*="E60067"], .elementor-button[style*="e60067"] { background: var(--ml-rosa) !important; color: #fff !important; border-radius: 6px !important; font-family: 'Inter', sans-serif !important; font-weight: 600 !important; transition: background var(--dur) var(--ease-soft), transform 160ms var(--ease-soft) !important; } .elementor-widget-button .elementor-button-primary:hover { background: var(--ml-rosa-escuro) !important; } /* Cards com sombra suave */ .elementor-widget-image img { border-radius: 8px; transition: transform var(--dur) var(--ease-soft); } /* Footer */ .elementor-location-footer { border-top: 1px solid var(--ml-borda); background: #FFFFFF; } /* Garantir fundo correto nas seções */ body { background: var(--ml-off-white) !important; font-family: 'Inter', sans-serif !important; color: var(--ml-grafite) !important; } /* === Product cards — WooCommerce hover === */ .woocommerce ul.products li.product { position: relative; border: 1px solid #E8E0E2; border-radius: 8px; overflow: hidden; background: #fff; transition: transform 260ms cubic-bezier(.22,.61,.36,1), box-shadow 260ms cubic-bezier(.22,.61,.36,1); box-shadow: 0 1px 2px rgba(26,26,26,.04), 0 4px 16px rgba(198,0,88,.05); } .woocommerce ul.products li.product:hover { transform: translateY(-3px); box-shadow: 0 4px 10px rgba(26,26,26,.06), 0 12px 28px rgba(198,0,88,.10); } .woocommerce ul.products li.product img { border-radius: 8px 8px 0 0; transition: transform 420ms cubic-bezier(.22,.61,.36,1); } .woocommerce ul.products li.product:hover img { transform: scale(1.04); } .woocommerce ul.products li.product .button, .woocommerce ul.products li.product .add_to_cart_button { position: absolute; left: 14px; right: 14px; bottom: 56px; background: #E60067 !important; color: #fff !important; border: none !important; border-radius: 6px !important; font-family: 'Inter', sans-serif !important; font-weight: 600 !important; font-size: 13px !important; padding: 11px !important; opacity: 0; transform: translateY(8px); transition: opacity 260ms cubic-bezier(.22,.61,.36,1), transform 260ms cubic-bezier(.22,.61,.36,1), background 260ms !important; display: flex !important; align-items: center !important; justify-content: center !important; text-align: center !important; } .woocommerce ul.products li.product:hover .button, .woocommerce ul.products li.product:hover .add_to_cart_button { opacity: 1 !important; transform: translateY(0) !important; } .woocommerce ul.products li.product .button:hover, .woocommerce ul.products li.product .add_to_cart_button:hover { background: #C40058 !important; } .woocommerce ul.products li.product h2.woocommerce-loop-product__title { font-family: 'Inter', sans-serif !important; font-weight: 500 !important; font-size: 15px !important; color: #1A1A1A !important; line-height: 1.35 !important; } .woocommerce ul.products li.product .price { font-family: 'Inter', sans-serif !important; font-weight: 600 !important; font-size: 1.125rem !important; color: #1A1A1A !important; } /* === Nav active indicator === */ .elementor-location-header .elementor-widget-button .elementor-button { position: relative !important; } .home .elementor-location-header a[href="/"], .home .elementor-location-header a[href="https://marialacos.com/"], .page-id-6 .elementor-location-header a[href="/loja"], .page-id-290 .elementor-location-header a[href="/sobre"] { color: #E60067 !important; } /* === Header scroll blur — reforço === */ .elementor-location-header .e-con { transition: background 260ms ease, backdrop-filter 260ms ease !important; } /* === Imagem chibi hero — sem background branco === */ .elementor-location-header + main .elementor-widget-image img[src*="chibi"] { border-radius: 16px !important; background: linear-gradient(180deg, #FFFFFF, #FBF1F4) !important; } /* === Categoria circles === */ .woocommerce .widget_product_categories ul li a:hover, .elementor-widget-shortcode .cat-item a:hover { color: #E60067 !important; } /* === Botão primary global === */ .elementor-button[style*="background-color: rgb(230, 0, 103)"], .elementor-button[style*="background-color:#E60067"], .elementor-button[style*="#E60067"] { transition: background 260ms cubic-bezier(.22,.61,.36,1), transform 160ms cubic-bezier(.22,.61,.36,1) !important; } .elementor-button[style*="background-color: rgb(230, 0, 103)"]:hover { background-color: #C40058 !important; transform: none !important; } .elementor-button[style*="background-color: rgb(230, 0, 103)"]:active { transform: scale(.98) !important; } /* === Reduced motion === */ @media (prefers-reduced-motion: reduce) { * { animation: none !important; transition: none !important; } }
Ir para o conteúdo
Início
Coleção
Novidades
Sobre Nós
R$
0.00
0
Carrinho
Grandes coisas estão no horizonte
Algo grande está se formando! Nossa loja está em obras e será lançada em breve!
