.elementor-kit-1390{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-570a1a67:#4054B2;--e-global-color-7f03cc68:#23A455;--e-global-color-2254b925:#000;--e-global-color-dea8c79:#FFF;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-1390 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ═══════════════════════════════════════════════════════════
   DOMANI CASA — Global Design System for WordPress/Elementor
   Petróleo #2C4A52 · Sage #7A9E7E · Dourado #C9A84C
   Fonts: Cormorant Garamond (headings) + Jost (body)
═══════════════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300&family=Jost:wght@300;400;500;600&display=swap');

:root {
  --p:        #2C4A52;
  --p-light:  rgba(44,74,82,0.10);
  --p-hover:  #1e3540;
  --sage:     #7A9E7E;
  --sage-l:   rgba(122,158,126,0.10);
  --dourado:  #C9A84C;
  --terra:    #C4825A;
  --bg:       #ffffff;
  --fg:       #1a2426;
  --muted-bg: #f0f4f1;
  --muted-fg: #5a6e70;
  --border:   #dde8e4;
  --r:        0.625rem;
  --r-xl:     1.125rem;
  --r-2xl:    1.375rem;
  --sh-sm:    0 1px 3px rgba(44,74,82,0.08);
  --sh-md:    0 4px 16px rgba(44,74,82,0.10);
  --sh-lg:    0 8px 32px rgba(44,74,82,0.14);
  --ease:     0.2s ease;
  --body:     'Jost', system-ui, sans-serif;
  --head:     'Cormorant Garamond', Georgia, serif;
}

html { scroll-behavior: smooth; }
body { background: var(--bg) !important; color: var(--fg) !important; font-family: var(--body) !important; -webkit-font-smoothing: antialiased; line-height: 1.6; }

h1, h2, h3, h4, h5, h6,
.elementor-heading-title,
.ast-site-title, .site-title,
.woocommerce-loop-product__title,
.product_title.entry-title { font-family: var(--head) !important; color: var(--fg) !important; line-height: 1.2 !important; font-weight: 600 !important; }
p, span, a, li, input, select, textarea, button, label, td, th { font-family: var(--body) !important; }
.elementor-widget-text-editor p { font-size: 1.05rem !important; color: var(--muted-fg) !important; line-height: 1.7 !important; }

#masthead, .site-header, .main-header-bar, .ast-primary-header-bar, .ast-desktop-header { background: var(--bg) !important; border-bottom: 1px solid var(--border) !important; box-shadow: var(--sh-sm) !important; }
.ast-site-title a, .site-title a { font-family: var(--head) !important; font-size: 1.45rem !important; font-weight: 400 !important; color: var(--p) !important; letter-spacing: -0.01em !important; }
.main-navigation a, .ast-builder-menu-1 .menu-item a, .nav__link { font-family: var(--body) !important; font-weight: 500 !important; color: var(--muted-fg) !important; font-size: 0.95rem !important; transition: color var(--ease) !important; }
.main-navigation a:hover, .main-navigation .current-menu-item > a { color: var(--fg) !important; background: var(--muted-bg) !important; border-radius: var(--r) !important; }

.elementor-section.elementor-top-section:first-of-type,
.e-container:first-of-type {
  background: #faf7f4 !important;
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}
.elementor-heading-title.elementor-size-xl,
.elementor-heading-title.elementor-size-xxl { font-size: clamp(2.25rem, 5vw, 3.75rem) !important; font-weight: 700 !important; line-height: 1.15 !important; }

.elementor-button,
.woocommerce a.button, .woocommerce button.button,
.woocommerce input.button, .woocommerce #respond input#submit,
.woocommerce .button.alt, .wc-block-components-button,
.checkout-button, .single_add_to_cart_button { background: var(--p) !important; color: #fff !important; font-family: var(--body) !important; font-weight: 600 !important; font-size: 0.95rem !important; border-radius: var(--r-xl) !important; padding: 0.75rem 1.5rem !important; border: 2px solid transparent !important; transition: all var(--ease) !important; letter-spacing: 0.01em !important; cursor: pointer !important; }
.elementor-button:hover,
.woocommerce a.button:hover, .woocommerce button.button:hover,
.woocommerce .button.alt:hover, .single_add_to_cart_button:hover { background: var(--sage) !important; color: #fff !important; transform: none !important; }

.elementor-button[data-skin="outline"],
.btn-outline-domani { background: transparent !important; border: 2px solid var(--border) !important; color: var(--fg) !important; }
.elementor-button[data-skin="outline"]:hover { border-color: var(--p) !important; color: var(--p) !important; background: transparent !important; }

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product { background: var(--bg) !important; border: 1px solid var(--border) !important; border-radius: var(--r-xl) !important; overflow: hidden !important; box-shadow: var(--sh-sm) !important; transition: box-shadow var(--ease), transform var(--ease) !important; }
.woocommerce ul.products li.product:hover { box-shadow: var(--sh-md) !important; transform: translateY(-3px) !important; }
.woocommerce ul.products li.product img { transition: transform 0.4s ease !important; }
.woocommerce ul.products li.product:hover img { transform: scale(1.04) !important; }
.woocommerce ul.products li.product .woocommerce-loop-product__title { font-family: var(--head) !important; font-size: 1.05rem !important; font-weight: 600 !important; color: var(--fg) !important; line-height: 1.3 !important; padding: 0.75rem 1rem 0.25rem !important; }
.woocommerce .woocommerce-Price-amount, .woocommerce .price { color: var(--p) !important; font-weight: 700 !important; font-family: var(--body) !important; }
.woocommerce span.onsale { background: var(--dourado) !important; color: #fff !important; border-radius: var(--r) !important; font-family: var(--body) !important; font-weight: 700 !important; }
.woocommerce ul.products { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important; gap: 1.5rem !important; }
.woocommerce ul.products li.product { float: none !important; width: 100% !important; margin: 0 !important; }

.elementor-heading-title { font-family: var(--head) !important; }
.elementor-heading-title[class*="elementor-size-large"],
.elementor-heading-title[class*="elementor-size-xl"] { font-size: clamp(1.75rem, 4vw, 2.5rem) !important; }

.elementor-widget-icon-box .elementor-icon-box-wrapper { border: 1px solid var(--border) !important; border-radius: var(--r-xl) !important; padding: 2rem !important; background: var(--bg) !important; transition: box-shadow var(--ease) !important; height: 100%; }
.elementor-widget-icon-box:hover .elementor-icon-box-wrapper { box-shadow: var(--sh-md) !important; }
.elementor-icon-box-title, .elementor-icon-box-title * { font-family: var(--head) !important; font-weight: 700 !important; color: var(--fg) !important; font-size: 1.2rem !important; }
.elementor-icon-box-description { color: var(--muted-fg) !important; line-height: 1.6 !important; }
.elementor-icon i, .elementor-icon svg { color: var(--p) !important; }

.elementor-section.section-muted { background: var(--muted-bg) !important; }

.site-footer, #colophon, .ast-footer-layout-1, footer { background: var(--muted-bg) !important; border-top: 1px solid var(--border) !important; color: var(--muted-fg) !important; }
.site-footer a, footer a { color: var(--muted-fg) !important; font-size: 0.875rem !important; }
.site-footer a:hover, footer a:hover { color: var(--p) !important; }
.footer__brand, .ast-footer-site-title { font-family: var(--head) !important; font-weight: 700 !important; color: var(--p) !important; font-size: 1.15rem !important; }/* End custom CSS */