/*
Theme Name:        3MDOS Child - Productora de Eventos
Theme URI:         https://3mdos.com/
Description:       Tema hijo personalizado para 3MDOS (Productora de Eventos y Conciertos Internacionales en El Salvador). Diseñado sobre GeneratePress con semántica HTML5, estricta jerarquía SEO y modularidad ACF PRO.
Author:            3MDOS
Author URI:        https://3mdos.com/
Template:          generatepress
Version:           1.0.0
Text Domain:       3mdos-child
License:           GNU General Public License v2 or later
License URI:       http://www.gnu.org/licenses/gpl-2.0.html
*/

/* ==========================================================================
   Variables de Diseño del Sistema 3MDOS
   ========================================================================== */
:root {
    /* Tipografía Oficial */
    --md-font-family: 'Urbanist', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    
    /* Paleta Cromática Oficial */
    --md-color-black: #000000;
    --md-color-dark: #141414;
    --md-color-dark-surface: #1C1C1E;
    --md-color-orange: #EC5629;
    --md-color-orange-hover: #D74519;
    --md-color-orange-light: rgba(236, 86, 41, 0.12);
    --md-color-gray-light: #EDEDED;
    --md-color-gray-card: #F5F5F7;
    --md-color-white: #FFFFFF;
    
    /* Textos y Contrastes */
    --md-color-text-primary: #FFFFFF;
    --md-color-text-secondary: #A1A1A6;
    --md-color-text-dark: #141414;
    --md-color-text-muted: #6E6E73;
    
    /* Bordes y Líneas */
    --md-color-border-dark: rgba(255, 255, 255, 0.12);
    --md-color-border-light: rgba(0, 0, 0, 0.08);
    
    /* Estados de Evento (Badges) */
    --md-badge-finished-bg: #EBEBEB;
    --md-badge-finished-text: #1C1C1E;
    --md-badge-upcoming-bg: #EC5629;
    --md-badge-upcoming-text: #FFFFFF;
    --md-badge-soldout-bg: #3A3A3C;
    --md-badge-soldout-text: #FFFFFF;
    
    /* Radios de Esquinas */
    --md-radius-sm: 10px;
    --md-radius-md: 18px;
    --md-radius-lg: 26px;
    --md-radius-xl: 34px;
    --md-radius-pill: 9999px;
    
    /* Elevaciones y Sombras */
    --md-shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.12);
    --md-shadow-md: 0 12px 32px rgba(0, 0, 0, 0.25);
    --md-shadow-lg: 0 20px 48px rgba(0, 0, 0, 0.35);
    --md-shadow-card: 0 16px 40px rgba(0, 0, 0, 0.15);
    
    /* Dimensiones de Contenedor */
    --md-container-max: 1240px;
    --md-header-height: 80px;
    
    /* Transiciones */
    --md-transition-fast: 0.2s cubic-bezier(0.16, 1, 0.3, 1);
    --md-transition-base: 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

/* ==========================================================================
   Ajustes Base para GeneratePress en Modo Oscuro
   ========================================================================== */
body.site-3mdos {
    font-family: var(--md-font-family);
    background-color: var(--md-color-black);
    color: var(--md-color-text-primary);
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
}

/* Ocultar elementos sobrantes de GP en la plantilla Scrollpage si se requiere */
.page-template-template-home-scroll #content {
    padding: 0;
}