/*
Theme Name: Hello Riscatto Child
Theme URI: https://cursos.riscatto.co/
Description: Tema hijo para Riscatto Cursos basado en Hello Elementor. Alineado con Branding 2025 y riscatto.co.
Author: Antigravity AI
Author URI: https://riscatto.co/
Template: hello-elementor
Version: 1.1.0
Text Domain: hello-riscatto-child
*/

:root {
    /* --- Riscatto Next: The Radiant Sanctuary Tokens --- */
    --rs-primary: #0C6980;      /* Divine Teal */
    --rs-primary-light: #00C2C0; 
    --rs-secondary: #F4A64E;    /* Earthy Gold */
    --rs-tertiary: #88584E;     /* Ancient Earth */
    --rs-rose: #E5A6A0;         /* Soft Mediator */
    --rs-bg: #fff8f6;           /* Parchment Base */
    --rs-surface-low: #fff0ee;  /* Layer 1 */
    --rs-surface-lowest: #ffffff; /* Layer 2 / Card Lift */
    --rs-text: #33110b;         /* On-Surface (Coffee Tint) */
    --rs-text-variant: #3f484c; /* Secondary Text */
    
    /* Typography */
    --font-heading: 'Noto Serif', serif;
    --font-body: 'Inter', sans-serif;
    
    /* Spacing & Shapes */
    --rs-radius-md: 0.75rem;
    --rs-radius-lg: 1rem;
    --rs-blur: 12px;
}

/* Base Editorial Styling */
body {
    background-color: var(--rs-bg) !important;
    color: var(--rs-text) !important;
    font-family: var(--font-body);
    line-height: 1.6;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-heading);
    color: var(--rs-text);
    font-weight: 700;
    letter-spacing: -0.02em;
}

/* --- LearnPress "Radiant" Overrides --- */

/* Pestañas (Tabs) sin bordes rígidos */
.learn-press-nav-tabs, .course-nav-tabs {
    border-bottom: none !important;
    margin-bottom: 2rem !important;
    display: flex;
    gap: 2rem;
}

.learn-press-nav-tabs li, .course-nav-tabs li {
    border: none !important;
    background: transparent !important;
    padding: 0.5rem 0 !important;
}

.learn-press-nav-tabs li label, .course-nav-tabs li a {
    font-family: var(--font-heading) !important;
    font-size: 1.1rem !important;
    color: var(--rs-text-variant) !important;
    cursor: pointer;
    transition: color 0.3s ease;
}

.learn-press-nav-tabs li.active label, .course-nav-tabs li.active a {
    color: var(--rs-primary) !important;
    border-bottom: 3px solid var(--rs-primary) !important;
}

/* Barra de Progreso "Sacred Geometry" */
.lp-course-progress .lp-progress-bar, .learn-press-progress .lp-progress-value {
    background: linear-gradient(90deg, var(--rs-primary) 0%, var(--rs-secondary) 100%) !important;
    height: 12px !important;
    border-radius: var(--rs-radius-md) !important;
    box-shadow: 0 2px 4px rgba(12, 105, 128, 0.2);
}

.lp-course-progress .lp-progress-bar-value {
    background: transparent !important; /* Quitar fondo por defecto */
}

/* Glassmorphism Sidebar */
.course-payment, .lp-course-buttons, .course-summary-sidebar {
    background: rgba(255, 255, 255, 0.8) !important;
    backdrop-filter: blur(var(--rs-blur)) !important;
    -webkit-backdrop-filter: blur(var(--rs-blur)) !important;
    border-radius: var(--rs-radius-lg) !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    padding: 2rem !important;
    box-shadow: 0 32px 48px rgba(51, 17, 11, 0.06) !important;
}

/* Fine Line Iconography */
.course-meta .meta-item i, .course-meta .meta-item::before {
    color: var(--rs-primary) !important;
    font-weight: 300 !important; /* Simular línea fina */
}

/* Buttons "The Golden Action" */
.lp-button, .enroll-button, .elementor-button {
    background-color: var(--rs-secondary) !important;
    color: white !important;
    border-radius: var(--rs-radius-md) !important;
    padding: 1rem 2rem !important;
    font-weight: 600 !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
    border: none !important;
}

.lp-button:hover, .elementor-button:hover {
    transform: translateY(-2px) scale(1.02) !important;
    box-shadow: 0 10px 20px rgba(137, 81, 0, 0.2) !important;
}

/* Quitar divisores redundantes */
.lp-course-curriculum .section-header, .lp-course-curriculum .section-content {
    border: none !important;
}

.lp-course-curriculum .section {
    background-color: var(--rs-surface-low) !important;
    margin-bottom: 1rem !important;
    border-radius: var(--rs-radius-md) !important;
}
/* --- Global Elementor & Turitor Forced Overrides --- */

/* Forzar Fondo "Parchment" en todas las secciones */
.elementor-section, .elementor-column-wrap, .elementor-widget-container {
    background-color: transparent !important; /* Dejar que el body mande */
}

.elementor-section.elementor-section-boxed > .elementor-container {
    background-color: transparent !important;
}

/* Forzar Botones: De Turquesa a Gold Radiant (Máxima Especificidad) */
body.riscatto-theme .elementor-button, 
body.riscatto-theme .elementor-button.elementor-size-sm,
body.riscatto-theme .elementor-element .elementor-button,
.elementor-widget-button .elementor-button,
.turitor-btn, .turitor-button,
a[class*="elementor-button"] {
    background-color: var(--rs-secondary) !important;
    color: var(--rs-surface-lowest) !important;
    border: none !important;
    border-radius: var(--rs-radius-md) !important;
    box-shadow: 0 4px 6px rgba(137, 81, 0, 0.15) !important;
    font-family: var(--font-body) !important;
    text-transform: uppercase !important;
}

body.riscatto-theme .elementor-button .elementor-button-text,
body.riscatto-theme .elementor-button .elementor-button-content-wrapper,
body.riscatto-theme .elementor-button i {
    color: var(--rs-surface-lowest) !important;
}

/* Capturar cualquier turquesa residual (Selectores de color específicos) */
[style*="background-color: #00C2C0"], 
[style*="background-color: rgb(0, 194, 192)"],
.elementor-button-link {
    background-color: var(--rs-secondary) !important;
}

body.riscatto-theme .elementor-button:hover {
    background-color: var(--rs-primary) !important;
    transform: translateY(-2px) !important;
}

.elementor-button:hover, .turitor-btn:hover {
    background-color: var(--rs-primary) !important; /* Cambio a Teal en hover */
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 15px rgba(12, 105, 128, 0.2) !important;
}

/* Forzar Tipografía en Encabezados de Elementor */
.elementor-heading-title, 
.elementor-widget-heading .elementor-heading-title,
.widget-title {
    font-family: var(--font-heading) !important;
    color: var(--rs-text) !important;
}

/* Breadcrumbs (LearnPress/Elementor) */
.learn-press-breadcrumb, .breadcrumb, .elementor-breadcrumbs {
    font-family: var(--font-body) !important;
    color: var(--rs-text-variant) !important;
    margin-bottom: 2rem !important;
    font-size: 0.9rem !important;
}

.learn-press-breadcrumb a, .breadcrumb a {
    color: var(--rs-primary) !important;
    text-decoration: none !important;
}

/* Header Adjustments */
header.site-header, .elementor-location-header {
    background-color: var(--rs-bg) !important;
    border-bottom: 1px solid var(--rs-surface-low) !important;
}

.elementor-nav-menu a {
    font-family: var(--font-body) !important;
    font-weight: 500 !important;
    color: var(--rs-text) !important;
}

.elementor-nav-menu a:hover {
    color: var(--rs-secondary) !important;
}

/* --- ULTRA-SPECIFIC EDITORIAL OVERRIDES --- */
body.riscatto-theme .learn-press-courses.grid, 
body.riscatto-theme .lp-archive-courses ul,
body.archive.post-type-archive-lp_course .learn-press-courses {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 3rem !important;
    list-style: none !important;
    padding: 0 !important;
}

body.riscatto-theme .lp-archive-courses li.course, 
body.riscatto-theme .course-grid-item,
body.archive.post-type-archive-lp_course li.course {
    border-radius: 1rem !important;
    overflow: hidden !important;
    background: #ffffff !important;
    box-shadow: 0 10px 30px rgba(51, 17, 11, 0.05) !important;
    border: none !important;
    width: 100% !important; /* Ensure they fill the 1/2 grid */
}

body.riscatto-theme h1, 
body.riscatto-theme .page-title,
body.archive.post-type-archive-lp_course h1 {
    font-family: 'Noto Serif', serif !important;
    font-style: italic !important;
    font-weight: 700 !important;
}