/* ================================================================ DRASANVI DESIGN KIT — Astra + Elementor v1.0 · Marzo 2026 Archivo: wp-content/themes/drasanvi/drasanvi-kit.css Estructura: 01. Google Fonts 02. Drasanvi design tokens (--dsv-*) 03. Astra global variables (--ast-*) 04. Elementor global variables (--e-global-*) 05. Base — body & typography 06. Astra — header & site identity 07. Astra — navegación principal 08. Astra — botones & CTA 09. Astra — breadcrumb 10. Astra — footer 11. Elementor — secciones & contenedores 12. Elementor — heading widget 13. Elementor — button widget 14. Elementor — nav-menu widget 15. Elementor — text-editor & lista 16. Elementor — divider & icon 17. Elementor — form widget 18. Drasanvi UI components (tag, badge, alert, card) 19. Responsive ================================================================ */ /* ─── 01. GOOGLE FONTS ────────────────────────────────────────── */ @import url('https://fonts.googleapis.com/css2?family=Zilla+Slab:wght@400;600&family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap'); /* ─── 02. DRASANVI DESIGN TOKENS ──────────────────────────────── */ :root { /* Colores */ --dsv-primary: #00695A; --dsv-primary-dark: #004D40; --dsv-primary-light: #00897B; --dsv-primary-xlight: #E0F2F0; --dsv-accent: #C8A44A; --dsv-accent-dark: #A07830; --dsv-ink: #1A2024; --dsv-ink-muted: #4A5568; --dsv-ink-subtle: #718096; --dsv-bg: #FAFAF9; --dsv-bg-soft: #F2F4F3; --dsv-white: #FFFFFF; --dsv-border: #DDE3E0; --dsv-success: #2E7D32; --dsv-warning: #E65100; --dsv-error: #B71C1C; --dsv-info: #01579B; /* Tipografía */ --dsv-font-heading: 'Zilla Slab', Georgia, serif; --dsv-font-body: 'Montserrat', system-ui, sans-serif; /* Tamaños */ --dsv-text-xs: .75rem; --dsv-text-sm: .875rem; --dsv-text-base: 1rem; --dsv-text-md: 1.125rem; --dsv-text-lg: 1.25rem; --dsv-text-xl: 1.5rem; --dsv-text-2xl: 2rem; --dsv-text-3xl: 2.5rem; --dsv-text-4xl: 3.5rem; /* Espaciado */ --dsv-sp-1: .25rem; --dsv-sp-2: .5rem; --dsv-sp-3: .75rem; --dsv-sp-4: 1rem; --dsv-sp-5: 1.25rem; --dsv-sp-6: 1.5rem; --dsv-sp-8: 2rem; --dsv-sp-10: 2.5rem; --dsv-sp-12: 3rem; --dsv-sp-16: 4rem; --dsv-sp-20: 5rem; /* Radios */ --dsv-radius-sm: 4px; --dsv-radius: 8px; --dsv-radius-md: 12px; --dsv-radius-lg: 16px; --dsv-radius-xl: 24px; --dsv-radius-full: 9999px; /* Sombras */ --dsv-shadow-sm: 0 1px 3px rgba(0,0,0,.08); --dsv-shadow: 0 4px 12px rgba(0,0,0,.10); --dsv-shadow-md: 0 8px 24px rgba(0,0,0,.12); --dsv-shadow-lg: 0 16px 48px rgba(0,0,0,.14); /* Transiciones */ --dsv-ease-fast: 150ms ease; --dsv-ease: 250ms ease; --dsv-ease-slow: 400ms ease; /* Ancho máximo de contenido */ --dsv-content-width: 1200px; } /* ─── 03. ASTRA GLOBAL VARIABLES ──────────────────────────────── */ /* Astra genera estas variables en un