/*
Theme Name: Hello Elementor Child - La Profe Cristhel
Theme URI: https://elementor.com/
Description: Tema hijo premium para La Profe Cristhel, diseñado con una estética limpia, glassmorphism y detalles en azul zafiro.
Author: Antigravity
Author URI: 
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-child
*/

:root {
    /* Paleta de Colores - Identidad La Profe Cristhel */
    --pc-color-primary: #1434A4; /* Azul Zafiro / Eléctrico */
    --pc-color-primary-hover: #0A1D6B; /* Azul Oscuro para hovers */
    --pc-color-secondary: #0F172A; /* Gris muy oscuro / Casi negro */
    
    /* Fondos y Textos */
    --pc-bg-light: #FAFAFA;
    --pc-bg-dark: #0F172A;
    --pc-text-dark: #1F2937;
    --pc-text-light: #E5E7EB;

    /* Elementor Global Overrides */
    --e-global-color-primary: var(--pc-color-primary);
    --e-global-color-secondary: var(--pc-color-secondary);
    --e-global-color-text: var(--pc-text-dark);
    --e-global-color-accent: var(--pc-color-primary);
    
    /* Tipografía Base */
    --pc-font-primary: 'Outfit', sans-serif;
    --pc-font-secondary: 'Inter', sans-serif;
    
    --e-global-typography-primary-font-family: var(--pc-font-primary);
    --e-global-typography-secondary-font-family: var(--pc-font-primary);
    --e-global-typography-text-font-family: var(--pc-font-secondary);
    --e-global-typography-accent-font-family: var(--pc-font-primary);
}

/* Base Body Styles */
body {
    background-color: var(--pc-bg-light);
    color: var(--pc-text-dark);
    font-family: var(--pc-font-secondary);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--pc-font-primary);
    font-weight: 600;
}

/* Glassmorphism Utilities */
.pc-glass {
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 12px;
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.05);
}

.pc-glass-dark {
    background: rgba(15, 23, 42, 0.7);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2);
}

/* Woo Commerce Buttons */
.woocommerce button.button.alt, 
.woocommerce-page button.button.alt {
    background-color: var(--pc-color-primary);
    color: #fff;
    border-radius: 8px;
    transition: all 0.3s ease;
}

.woocommerce button.button.alt:hover, 
.woocommerce-page button.button.alt:hover {
    background-color: var(--pc-color-primary-hover);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(20, 52, 164, 0.3);
}