/*
    Theme Name: Javier Gandara Magaña theme.
    Theme URI: 
    Author: Equipo Medra Marketing 2026.
    Author URI: https://medramarketing.com/
    Description: Theme Diseñado para Javier Gandara Magaña por el equipo Medra Marketing. 
    Version: 1.0.0.
    License: GNU General Public License v2 or later
    License URI: http://www.gnu.org/licenses/gpl-2.0.html
    Tags: Javier Gandara Magaña.
    Text Domain: javiergandaram.com
*/

/* ═══════════════════════════════════════════
   VARIABLES & RESET
═══════════════════════════════════════════ */
:root {
    --color-primary: #4B3FE4;
    --color-primary-dark: #3730c0;
    --color-accent: #F5C842;
    --color-bg-light: #F5F0E8;
    --color-dark: #1A1A2E;
    --color-white: #FFFFFF;
    --color-gray: #6B7280;
    --color-gray-light: #E5E7EB;
    --color-placeholder: #D1D5DB;

    --font-display: 'Google Sans', 'Inter', sans-serif;
    --font-body: 'Inter', system-ui, sans-serif;

    --radius: 12px;
    --radius-lg: 20px;
    --shadow: 0 4px 24px rgba(75, 63, 228, 0.10);
    --shadow-card: 0 8px 32px rgba(26, 26, 46, 0.12);

    --nav-height: 72px;
    --section-pad: clamp(64px, 8vw, 120px);
    --container: 1180px;
    --gap: clamp(24px, 4vw, 48px);
}

body {
    font-family: var(--font-body);
    color: var(--color-dark);
    background: var(--color-white);
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
}

img { display: block; max-width: 100%; }
a { text-decoration: none; color: inherit; }
ul { list-style: none; }

html {
    box-sizing: border-box;
    font-size: 62.5%;
    scroll-behavior: smooth;
    /* 10px = 1rem*/
}

*,
*:before,
*:after {
    box-sizing: inherit;

}

/** globales **/
p {
    margin: 0;
}

a {
    text-decoration: none;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

hr {
    border: 1px solid var(--gris-claro);
}

.contenedor {
    width: min(95%, 120rem);
    margin: 0 auto;
}

br {
    display: none;
}

@media(min-width: 970px) {
    br {
        display: block;
    }
}

html {
    scrollbar-color: var(--color-morado) var(--color-bigaro) !important;
    scrollbar-width: auto;
}