/* Generado automáticamente por Elecom Admin Theme Manager */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap');

:root {
    --primary: #3d4195;
    --primary-dark: #2c2f70;
    --primary-rgb: 61, 65, 149;
    --accent: #B0B5C5;
    --font-display: 'Space Grotesk', sans-serif;
}

body, button, input, select, textarea {
    font-family: var(--font-display) !important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-display) !important;
}

/* Clases de utilidad primarias */
.text-primary { color: #3d4195 !important; }
.bg-primary { background-color: #3d4195 !important; }
.border-primary { border-color: #3d4195 !important; }
.fill-primary { fill: #3d4195 !important; }
.stroke-primary { stroke: #3d4195 !important; }
.shadow-primary\/20 { box-shadow: 0 10px 15px -3px rgba(61, 65, 149, 0.2) !important; }
.hover\:bg-primary\/90:hover { background-color: #3d4195 !important; opacity: 0.9 !important; }
.hover\:bg-primary:hover { background-color: #3d4195 !important; }
.hover\:text-primary:hover { color: #3d4195 !important; }
.hover\:border-primary:hover { border-color: #3d4195 !important; }
.hover-glow:hover { box-shadow: 0 0 25px rgba(61, 65, 149, 0.3) !important; }

/* Sobrescritura de elementos con colores inline originales */
header a[style*='#3d4195'], nav a[style*='#3d4195'], footer [style*='#3d4195'] {
    color: #3d4195 !important;
}
a[style*='background:#3d4195'], button[style*='background:#3d4195'] {
    background-color: #3d4195 !important;
}
span.text-primary, span[style*='color:#3d4195'] {
    color: #3d4195 !important;
}