/* ========================================================
   MEDITECH PERÚ — Design System for WordPress
   Integration for Elementor & WooCommerce
   ======================================================== */

:root {
    --mt-blue: #0B3D91;         
    --mt-blue-dark: #072d6b;    
    --mt-cyan: #00B4D8;         
    --mt-cyan-light: rgba(0, 180, 216, 0.08);
    --mt-green: #06A77D;        
    --mt-dark: #0d1b2e;         
    --mt-white: #FFFFFF;
    --mt-gray-100: #F8FAFF;
    --mt-gray-200: #EEF2FF;
    --mt-text: #1e2a3a;
    --mt-text-muted: #6c7a8d;
    --mt-border: #e8eef5;

    --font-primary: 'Inter', sans-serif;
    --font-display: 'Montserrat', sans-serif;

    --shadow-card: rgba(0, 0, 0, 0.12) 0px 8px 24px 0px;
    --shadow-card-hover: rgba(11, 61, 145, 0.18) 0px 16px 40px 0px;
    --shadow-sm: 0 2px 8px rgba(11, 61, 145, 0.08);

    --radius-card: 16px;
    --radius-btn: 50px;
    --radius-sm: 8px;
}

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Montserrat:wght@400;500;600;700&display=swap');

/* Fuerza bruta para botones de Elementor y WooCommerce */
body .elementor-button,
body .woocommerce button.button,
body .woocommerce button.button.alt,
body .woocommerce-page button.button.alt,
body .btn-primary {
    background-color: var(--mt-blue) !important;
    color: var(--mt-white) !important;
    border-radius: var(--radius-btn) !important;
    font-family: var(--font-primary) !important;
    font-weight: 600 !important;
    border: none !important;
    transition: all 0.22s ease !important;
}

body .elementor-button:hover,
body .woocommerce button.button:hover,
body .woocommerce button.button.alt:hover,
body .woocommerce-page button.button.alt:hover,
body .btn-primary:hover {
    background-color: var(--mt-blue-dark) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(11, 61, 145, 0.30) !important;
}

/* Tarjetas (Products / Cards) Elementor/WooCommerce */
body .woocommerce ul.products li.product,
body .elementor-widget-wc-archive-products ul.products li.product {
    background: var(--mt-white) !important;
    border-radius: var(--radius-card) !important;
    box-shadow: var(--shadow-card) !important;
    transition: all 0.3s ease !important;
    overflow: hidden !important;
    border: 1px solid var(--mt-border) !important;
    padding-bottom: 20px !important;
}

body .woocommerce ul.products li.product:hover,
body .elementor-widget-wc-archive-products ul.products li.product:hover {
    box-shadow: var(--shadow-card-hover) !important;
    transform: translateY(-5px) !important;
}

/* Precios y Títulos */
body .woocommerce ul.products li.product .price,
body .woocommerce div.product p.price, 
body .woocommerce div.product span.price {
    color: var(--mt-green) !important;
    font-family: var(--font-primary) !important;
    font-weight: 800 !important;
    font-size: 1.3rem !important;
}

body .woocommerce ul.products li.product .woocommerce-loop-product__title,
body .woocommerce div.product .product_title {
    font-family: var(--font-display) !important;
    color: var(--mt-blue) !important;
    font-weight: 700 !important;
}

/* Tipografía de Encabezados Elementor */
body h1, body h2, body h3, body h4, body h5, body h6,
body .elementor-heading-title {
    font-family: var(--font-display) !important;
}

body, body p, body span, body a,
body .elementor-text-editor {
    font-family: var(--font-primary);
}

/* Badges / Etiquetas */
body .onsale,
body .elementor-widget-wc-archive-products .onsale {
    background-color: var(--mt-cyan) !important;
    color: var(--mt-white) !important;
    border-radius: 50px !important;
    font-family: var(--font-primary) !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
}

/* Mejoras Nav / Menú global (si usa header clásico) */
.main-navigation a {
    font-family: var(--font-primary) !important;
    font-weight: 600 !important;
}