:root {
            --primary-color: #14B8A6;
            --secondary-color: #0D9488;
            --accent-color: #5EEAD4;
            --background-color: #F0FDFA;
            --text-color: #134E4A;
            --header-bg: #FFFFFF;
            --footer-bg: #0F766E;
            --success-color: #10b981;
            --error-color: #ef4444;
            --warning-color: #f59e0b;
            --main-gradient: linear-gradient(135deg, #14B8A6 0%, #0D9488 50%, #0F766E 100%);
            --button-hover-color: #0D9488;
            --border-color: #CCFBF1;
            --secondary-text-color: #0F766E;
            --hero-button-bg: #FFFFFF;
            --hero-button-text: #14B8A6;
            --logo-height: 100px;
            --hero-logo-height: 200px;
            --header-min-height: calc(var(--logo-height) + 1rem);
            --header-mobile-min-height: calc(var(--logo-height) + 0.5rem);
            --product-button-bg: #14B8A6;
            --product-button-text: #FFFFFF;
            --product-button-hover: #0D9488;
            --product-button-disabled: #99f6e4;
            --secondary-button-bg: #5EEAD4;
            --secondary-button-text: #134E4A;
            --secondary-button-hover: #14B8A6;
            --product-name-font-size: 16px;
            --product-description-font-size: 14px;
            --product-price-font-size: 18px;
            --product-button-font-size: 14px;
            
            /* Theme Typography */
            --theme-font-family: Nunito, Inter, system-ui, sans-serif;
            --theme-heading-font: Nunito, Inter, system-ui, sans-serif;
            --theme-body-font-size: 16px;
            --theme-heading-weight: 700;
            --theme-body-weight: 400;
            
            /* Theme Buttons */
            --theme-button-style: pill;
            --theme-button-border-radius: 9999px;
            --theme-button-padding: 0.875rem 2.25rem;
            --theme-button-shadow: 0 4px 6px -1px rgba(20, 184, 166, 0.2);
            --theme-button-hover-shadow: 0 10px 15px -3px rgba(20, 184, 166, 0.3);
            --theme-button-transition: all 0.3s ease;
            
            /* Theme Spacing */
            --theme-section-padding: 4rem;
            --theme-card-padding: 1.75rem;
            --theme-element-gap: 1.5rem;
            
            /* Theme Effects */
            --theme-card-shadow: 0 2px 8px 0 rgba(20, 184, 166, 0.1);
            --theme-card-hover-shadow: 0 12px 24px -6px rgba(20, 184, 166, 0.2);
            --theme-border-radius: 1rem;
        }
        
        /* Apply Theme Typography */
        body {
            font-family: var(--theme-font-family) !important;
            font-size: var(--theme-body-font-size) !important;
            font-weight: var(--theme-body-weight) !important;
        }
        
        h1, h2, h3, h4, h5, h6,
        .heading,
        .text-heading {
            font-family: var(--theme-heading-font) !important;
            font-weight: var(--theme-heading-weight) !important;
        }
        
        /* Apply Theme Button Styles */
        button,
        .btn,
        .button,
        input[type="submit"],
        input[type="button"],
        a.button,
        a.btn {
            border-radius: var(--theme-button-border-radius) !important;
            padding: var(--theme-button-padding) !important;
            box-shadow: var(--theme-button-shadow) !important;
            transition: var(--theme-button-transition) !important;
        }
        
        button:hover,
        .btn:hover,
        .button:hover,
        input[type="submit"]:hover,
        input[type="button"]:hover,
        a.button:hover,
        a.btn:hover {
            box-shadow: var(--theme-button-hover-shadow) !important;
        }
        
        /* Product buttons with theme styles */
        .product-button,
        button[class*="product"],
        .add-to-cart-button,
        .buy-button {
            border-radius: var(--theme-button-border-radius) !important;
            padding: var(--theme-button-padding) !important;
            box-shadow: var(--theme-button-shadow) !important;
            transition: var(--theme-button-transition) !important;
        }
        
        .product-button:hover,
        button[class*="product"]:hover,
        .add-to-cart-button:hover,
        .buy-button:hover {
            box-shadow: var(--theme-button-hover-shadow) !important;
        }
        
        /* Apply Theme Spacing */
        section,
        .section {
            padding-top: var(--theme-section-padding) !important;
            padding-bottom: var(--theme-section-padding) !important;
        }
        
        .card,
        .product-card {
            padding: var(--theme-card-padding) !important;
            border-radius: var(--theme-border-radius) !important;
            box-shadow: var(--theme-card-shadow) !important;
            transition: var(--theme-button-transition) !important;
        }
        
        .card:hover,
        .product-card:hover {
            box-shadow: var(--theme-card-hover-shadow) !important;
        }
        
        /* Apply Theme Border Radius */
        .rounded,
        img,
        .image {
            border-radius: var(--theme-border-radius) !important;
        }
        
        /* Hero button with theme styles */
        .hero-button,
        .hero .button,
        .hero button {
            border-radius: var(--theme-button-border-radius) !important;
            padding: var(--theme-button-padding) !important;
            box-shadow: var(--theme-button-shadow) !important;
            transition: var(--theme-button-transition) !important;
        }
        
        .hero-button:hover,
        .hero .button:hover,
        .hero button:hover {
            box-shadow: var(--theme-button-hover-shadow) !important;
        }

        /* Apply colors directly to elements */
        body {
            background-color: var(--background-color) !important;
            color: var(--text-color) !important;
        }
        
        /* Header */
        header,
        .header,
        nav.header {
            background-color: var(--header-bg) !important;
            color: var(--text-color) !important;
        }
        
        header a,
        .header a,
        nav.header a {
            color: var(--text-color) !important;
        }
        
        /* Footer */
        footer,
        .footer {
            background-color: var(--footer-bg) !important;
            color: var(--text-color) !important;
        }
        
        footer a,
        .footer a {
            color: var(--text-color) !important;
        }
        
        /* Hero Section */
        .hero,
        .hero-section,
        .banner {
            background: linear-gradient(135deg, var(--hero-primary-color) 0%, var(--hero-secondary-color) 50%, var(--hero-secondary-color) 100%) !important;
            color: var(--text-color) !important;
        }
        
        .hero-button,
        .hero .button,
        .hero button,
        .banner-button {
            background-color: var(--hero-button-bg) !important;
            color: var(--hero-button-text) !important;
        }
        
        .hero-button:hover,
        .hero .button:hover,
        .hero button:hover,
        .banner-button:hover {
            background-color: var(--button-hover-color) !important;
        }
        
        /* Product Buttons */
        .product-button,
        .add-to-cart-button,
        .buy-button,
        button[class*="product"],
        button[class*="cart"],
        button[class*="buy"] {
            background-color: var(--product-button-bg) !important;
            color: var(--product-button-text) !important;
        }
        
        .product-button:hover,
        .add-to-cart-button:hover,
        .buy-button:hover,
        button[class*="product"]:hover,
        button[class*="cart"]:hover,
        button[class*="buy"]:hover {
            background-color: var(--product-button-hover) !important;
        }
        
        .product-button:disabled,
        .add-to-cart-button:disabled,
        .buy-button:disabled {
            background-color: var(--product-button-disabled) !important;
            cursor: not-allowed !important;
        }
        
        /* Secondary Buttons */
        .secondary-button,
        .btn-secondary,
        button[class*="secondary"],
        a[class*="secondary-button"] {
            background-color: var(--secondary-button-bg) !important;
            color: var(--secondary-button-text) !important;
        }
        
        .secondary-button:hover,
        .btn-secondary:hover,
        button[class*="secondary"]:hover,
        a[class*="secondary-button"]:hover {
            background-color: var(--secondary-button-hover) !important;
        }
        
        /* All buttons - Generic buttons */
        button:not(.product-button):not(.hero-button):not(.secondary-button):not([class*="product"]):not([class*="hero"]):not([class*="secondary"]):not([class*="cart"]):not([class*="buy"]) {
            background-color: var(--primary-color) !important;
            color: var(--text-color) !important;
        }
        
        button:not(.product-button):not(.hero-button):not(.secondary-button):not([class*="product"]):not([class*="hero"]):not([class*="secondary"]):not([class*="cart"]):not([class*="buy"]):hover {
            background-color: var(--button-hover-color) !important;
        }
        
        /* Inputs and form elements */
        input[type="submit"],
        input[type="button"] {
            background-color: var(--primary-color) !important;
            color: var(--text-color) !important;
        }
        
        input[type="submit"]:hover,
        input[type="button"]:hover {
            background-color: var(--button-hover-color) !important;
        }
        
        /* Links styled as buttons */
        a.button,
        a.btn,
        a[class*="button"] {
            background-color: var(--primary-color) !important;
            color: var(--text-color) !important;
        }
        
        a.button:hover,
        a.btn:hover,
        a[class*="button"]:hover {
            background-color: var(--button-hover-color) !important;
        }
        
        /* Links */
        a:not(.button):not(.btn):not([class*="button"]) {
            color: var(--primary-color) !important;
        }
        
        a:not(.button):not(.btn):not([class*="button"]):hover {
            color: var(--button-hover-color) !important;
        }
        
        /* Cards */
        .card,
        .product-card {
            background-color: var(--background-color) !important;
            border-color: var(--border-color) !important;
        }
        
        .card h1, .card h2, .card h3, .card h4, .card h5, .card h6,
        .product-card h1, .product-card h2, .product-card h3, .product-card h4, .product-card h5, .product-card h6 {
            color: var(--text-color) !important;
        }
        
        /* Utility Classes */
        .bg-primary { background-color: var(--primary-color) !important; }
        .text-primary { color: var(--primary-color) !important; }
        .border-primary { border-color: var(--primary-color) !important; }

        .bg-secondary { background-color: var(--secondary-color) !important; }
        .text-secondary { color: var(--secondary-color) !important; }
        .border-secondary { border-color: var(--secondary-color) !important; }

        .bg-accent { background-color: var(--accent-color) !important; }
        .text-accent { color: var(--accent-color) !important; }
        .border-accent { border-color: var(--accent-color) !important; }

        .bg-custom-background { background-color: var(--background-color) !important; }
        .text-custom-text { color: var(--text-color) !important; }

        .bg-custom-header { background-color: var(--header-bg) !important; }
        .bg-custom-footer { background-color: var(--footer-bg) !important; }

        .bg-success { background-color: var(--success-color) !important; }
        .text-success { color: var(--success-color) !important; }
        .bg-error { background-color: var(--error-color) !important; }
        .text-error { color: var(--error-color) !important; }
        .bg-warning { background-color: var(--warning-color) !important; }
        .text-warning { color: var(--warning-color) !important; }

        .bg-button-hover { background-color: var(--button-hover-color) !important; }
        .border-custom { border-color: var(--border-color) !important; }
        .text-secondary-text { color: var(--secondary-text-color) !important; }

        .main-gradient-bg { background: var(--main-gradient) !important; }
        
        /* Header auto-ajustável baseado no tamanho da logo */
        header.bg-white,
        header.shadow-sm,
        header.border-b {
            min-height: var(--header-min-height, calc(64px + 1rem)) !important;
            padding-top: 0.5rem !important;
            padding-bottom: 0.5rem !important;
        }
        
        /* Mobile header - ajuste automático */
        @media (max-width: 767px) {
            header .md\:hidden {
                min-height: var(--header-mobile-min-height, calc(64px + 0.5rem)) !important;
            }
        }
        
        /* Desktop header - ajuste automático */
        @media (min-width: 768px) {
            header .hidden.md\:flex {
                min-height: var(--header-min-height, calc(64px + 1rem)) !important;
                padding-top: 0.5rem !important;
                padding-bottom: 0.5rem !important;
            }
        }
        
        /* Hero button styling */
        .hero-button-bg { background-color: var(--hero-button-bg) !important; }
        .hero-button-text { color: var(--hero-button-text) !important; }
        
        /* Logo positioning */
        .header-logo-container {
            justify-content: flex-start !important;
            align-items: center !important;
        }
        
        /* Logo sizing - Maximum specificity - FORÇA SOBRESCREVER TUDO */
        .site-logo,
        header .site-logo,
        .header .site-logo,
        a .site-logo,
        img.site-logo,
        header img.site-logo,
        .header img.site-logo,
        a img.site-logo,
        img[class*='site-logo'],
        .h-12.site-logo,
        .h-16.site-logo,
        .h-20.site-logo,
        .h-24.site-logo,
        [class*='h-'].site-logo {
            height: var(--logo-height) !important;
            max-height: var(--logo-height) !important;
            min-height: var(--logo-height) !important;
            width: auto !important;
            max-width: none !important;
            object-fit: contain !important;
        }
        
        /* Header style classes */
        .header-style-default {
            display: block;
        }
        
        .header-style-centered {
            display: none;
        }
        
        .header-style-centered .header-logo-container {
            justify-content: center !important;
        }
        
        .header-style-minimal {
            display: none;
        }
        
        /* Footer style classes */
        .footer-style-default {
            padding-top: 3rem; padding-bottom: 3rem;
        }
        
        .footer-style-minimal {
            
        }
        
        .footer-style-extended {
            
        }
        
        /* Product grid dynamic classes */
        .product-grid-dynamic {
            grid-template-columns: repeat(1, minmax(0, 1fr));
        }
        
        @media (min-width: 640px) {
            .product-grid-dynamic {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }
        }
        
        @media (min-width: 1024px) {
            .product-grid-dynamic {
                grid-template-columns: repeat(5, minmax(0, 1fr));
                gap: 1.5rem;
            }
        }
        
        /* Additional logo selectors - FORÇA SOBRESCREVER TUDO */
        div img.site-logo,
        header div img.site-logo,
        .max-w-7xl img.site-logo,
        .container img.site-logo,
        a img.site-logo,
        .flex img.site-logo,
        .items-center img.site-logo { 
            height: var(--logo-height) !important; 
            width: auto !important; 
            max-height: var(--logo-height) !important;
            min-height: var(--logo-height) !important;
            object-fit: contain !important;
            object-position: center !important;
            display: block !important;
        }
        
        /* Force override any Tailwind classes - MÁXIMA ESPECIFICIDADE */
        .h-10.site-logo,
        .h-8.site-logo,
        .h-12.site-logo,
        .h-16.site-logo,
        .h-20.site-logo,
        .h-24.site-logo,
        .md\:h-20.site-logo,
        .md\:h-24.site-logo,
        [class*='h-'].site-logo,
        [style*='height'].site-logo,
        img[class*='site-logo'][style],
        img.site-logo[style*='height'],
        img.site-logo[style*='max-height'] {
            height: var(--logo-height) !important; 
            width: auto !important; 
            max-height: var(--logo-height) !important;
            min-height: var(--logo-height) !important;
        }
        
        /* Remover estilos inline que possam estar fixando altura - FORÇA MÁXIMA */
        img.site-logo[style*='height'],
        img.site-logo[style*='max-height'],
        a img.site-logo[style],
        header img.site-logo[style],
        .header img.site-logo[style] {
            height: var(--logo-height) !important;
            max-height: var(--logo-height) !important;
            min-height: var(--logo-height) !important;
        }
        
        /* Garantir que mesmo com estilos inline, o CSS dinâmico prevaleça */
        img.site-logo {
            height: var(--logo-height) !important;
            max-height: var(--logo-height) !important;
            min-height: var(--logo-height) !important;
        }
        
        /* Product Typography Classes */
        .product-name-font {
            font-size: var(--product-name-font-size) !important;
        }
        
        .product-description-font {
            font-size: var(--product-description-font-size) !important;
        }
        
        .product-price-font {
            font-size: var(--product-price-font-size) !important;
        }
        
        .product-button-font {
            font-size: var(--product-button-font-size) !important;
        }
        
        /* Apply to common selectors */
        .product-card h3,
        .product-card .product-name {
            font-size: var(--product-name-font-size) !important;
        }
        
        .product-card p,
        .product-card .product-description {
            font-size: var(--product-description-font-size) !important;
        }
        
        .product-card .product-price,
        .product-card .price {
            font-size: var(--product-price-font-size) !important;
        }
        
        .product-card .product-button,
        .product-card a[href*='produto'],
        .product-card .btn {
            font-size: var(--product-button-font-size) !important;
        }