/*
Theme Name: Educar Ckelar Theme
Theme URI: https://educarckelar.cl/
Author: Atelier Busco
Author URI: https://atelierbusco.com/
Description: Tema corporativo oficial desarrollado a medida para el portal de formación e investigación volcánica de Educar Ckelar. Diseñado con una estética oscura premium, altos contrastes para legibilidad, soporte nativo de accesibilidad (WCAG 2.1 AA) y completamente optimizado para dispositivos móviles. Integra loops de cursos personalizados, biografías de docentes y soporte completo para WooCommerce y pasarela de pago seguro Mercado Pago.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: theme-ckelar
Tags: custom-menu, featured-images, translation-ready, accessibility-ready, dark, block-styles, custom-colors, custom-logo, full-width-template
*/

/* Estilos de compatibilidad básica para WordPress */
.aligncenter {
    display: block;
    margin: 2em auto;
}
.alignleft {
    float: left;
    margin: 0.5em 2em 2em 0;
}
.alignright {
    float: right;
    margin: 0.5em 0 2em 2em;
}
.wp-caption {
    background: #111;
    border: 1px border #222;
    max-width: 96%;
    padding: 5px 3px 10px;
    text-align: center;
}
.wp-caption-text {
    font-size: 11px;
    color: #888;
    margin: 5px 0 0;
}

/* ==========================================================================
   Brand Design System Utilities (Educar Ckelar)
   ========================================================================== */

/* Colores Corporativos */
.bg-brand-red {
    background-color: #C1341C !important;
}
.hover\:bg-brand-red-hover:hover {
    background-color: #a82a16 !important;
}
.bg-brand-dark {
    background-color: #0D0D0D !important;
}
.bg-brand-light {
    background-color: #F5F5F0 !important;
}
.text-brand-red {
    color: #C1341C !important;
}
.text-brand-dark {
    color: #0D0D0D !important;
}
.text-brand-light {
    color: #F5F5F0 !important;
}
.border-brand-red {
    border-color: #C1341C !important;
}

/* Tipografías de Marca */
.font-serif {
    font-family: "Playfair Display", Georgia, Cambria, "Times New Roman", Times, serif !important;
}
.font-sans {
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}