/*
Theme Name:   Gaming Spot
Theme URI:    https://gamingspotdr.com
Description:  Tema hijo personalizado desarrollado por Gaming Spot - C. Areíto 22, San Juan de la Maguana 72000 - Tel: (849) 258-4633
Author:       Gaming Spot
Author URI:   https://gamingspotdr.com/
Template:     generatepress
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  generatepress-child
*/

/* ==========================================================================
   Variables CSS Personalizadas
   ========================================================================== */
:root {
    /* Colores corporativos Arya - Paleta Empresarial */
    --color-primary: #1ea894;        /* Verde corporativo - Botones CTA */
    --color-secondary: #1b6983;      /* Azul medio - Enlaces */
    --color-accent: #185458;         /* Verde oscuro - Hover */
    --color-text: #140428;           /* Azul oscuro - Títulos */
    --color-text-light: #746d7d;     /* Gris violáceo - Texto secundario */
    --color-background: #edefef;     /* Blanco suave - Fondo */
    --color-background-alt: #447c94; /* Azul grisáceo - Cards */
    --color-dark: #140428;           /* Header/Footer */
    --color-subheader: #1e3653;      /* Sub-headers */
    --color-border: #447c94;         /* Bordes y separadores */
    
    /* Tipografía */
    --font-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    --font-heading: Georgia, "Times New Roman", serif;
    
    /* Espaciado */
    --spacing-xs: 0.5rem;
    --spacing-sm: 1rem;
    --spacing-md: 2rem;
    --spacing-lg: 3rem;
    --spacing-xl: 4rem;
    
    /* Bordes */
    --border-radius: 4px;
    --border-radius-lg: 8px;
    
    /* Sombras */
    --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.1);
    --shadow-md: 0 4px 8px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 8px 16px rgba(0, 0, 0, 0.1);
}

/* ==========================================================================
   Estilos Base
   ========================================================================== */

/* Los estilos del tema padre se cargan automáticamente via functions.php */

/* Ajustes de contenedor */
.site-content {
    /* Agrega tus estilos personalizados aquí */
}

/* ==========================================================================
   Tipografía Personalizada
   ========================================================================== */

/* Títulos */
h1, h2, h3, h4, h5, h6 {
    /* font-family: var(--font-heading); */
}

/* ==========================================================================
   Botones
   ========================================================================== */

.wp-block-button__link,
.button,
.wp-element-button {
    /* background-color: var(--color-primary); */
    /* border-radius: var(--border-radius); */
    /* transition: all 0.3s ease; */
}

.wp-block-button__link:hover,
.button:hover,
.wp-element-button:hover {
    /* background-color: var(--color-accent); */
    /* transform: translateY(-2px); */
    /* box-shadow: var(--shadow-md); */
}

/* ==========================================================================
   Utilidades
   ========================================================================== */

/* Espaciado */
.mt-small { margin-top: var(--spacing-sm); }
.mt-medium { margin-top: var(--spacing-md); }
.mt-large { margin-top: var(--spacing-lg); }

.mb-small { margin-bottom: var(--spacing-sm); }
.mb-medium { margin-bottom: var(--spacing-md); }
.mb-large { margin-bottom: var(--spacing-lg); }

/* ==========================================================================
   Responsive
   ========================================================================== */

/* Tablet */
@media (max-width: 768px) {
    :root {
        --spacing-lg: 2rem;
        --spacing-xl: 3rem;
    }
}

/* Mobile */
@media (max-width: 480px) {
    :root {
        --spacing-md: 1.5rem;
        --spacing-lg: 1.5rem;
        --spacing-xl: 2rem;
    }
}

/* ==========================================================================
   Estilos personalizados adicionales
   ========================================================================== */

/* Agrega aquí tus estilos personalizados para el proyecto */