/* ==========================================================================
   STARSOFT — Variables globales de marca
   ========================================================================== */
:root {
    /* Colores de marca */
    --starsoft-blue: #075bd8;
    --starsoft-dark-blue: #08082e;
    --starsoft-red: #ed1c24;
    --starsoft-red-dark: #c8151c;
    --starsoft-orange: #e48600;
    --starsoft-gold: #d99528;
    --starsoft-gold-dark: #b97a1a;
    --starsoft-light-gold: #f4bd60;
    --starsoft-gold-gradient: linear-gradient(135deg, var(--starsoft-light-gold) 0%, var(--starsoft-gold) 55%, var(--starsoft-gold-dark) 100%);

    /* Paleta adicional para tarjetas de contacto por área */
    --starsoft-maroon: #8a1f2b;
    --starsoft-maroon-dark: #641119;
    --starsoft-maroon-gradient: linear-gradient(135deg, var(--starsoft-red) 0%, var(--starsoft-maroon) 55%, var(--starsoft-maroon-dark) 100%);
    --starsoft-navy: #17356b;
    --starsoft-navy-dark: #0c2148;
    --starsoft-navy-gradient: linear-gradient(135deg, #2c5aa0 0%, var(--starsoft-navy) 55%, var(--starsoft-navy-dark) 100%);
    --starsoft-green: #1a8a54;
    --starsoft-green-dark: #0f6b3d;
    --starsoft-green-gradient: linear-gradient(135deg, #22a566 0%, var(--starsoft-green) 55%, var(--starsoft-green-dark) 100%);
    --starsoft-orange-dark: #b56600;
    --starsoft-orange-gradient: linear-gradient(135deg, #ff9e2c 0%, var(--starsoft-orange) 55%, var(--starsoft-orange-dark) 100%);

    /* Texto y neutros */
    --starsoft-text: #171717;
    --starsoft-gray: #666666;
    --starsoft-light-gray: #f5f5f5;
    --starsoft-border: #e6e2da;
    --starsoft-white: #ffffff;

    /* Tipografía: Poppins en todo el sitio (extrabold en títulos, bold en
       subtítulos, regular en el resto — ver global.css) */
    --font-serif: "Poppins", Arial, sans-serif;
    --font-sans: "Poppins", Arial, sans-serif;

    /* Espaciados */
    --section-padding-y: 3.5rem;
    --section-padding-y-sm: 2.25rem;
    --container-max: 1320px;
    --container-padding: 5vw;

    /* Bordes y sombras */
    --radius-sm: 8px;
    --radius-md: 16px;
    --radius-lg: 28px;
    --shadow-soft: 0 10px 30px rgba(8, 8, 46, 0.06);
    --shadow-card: 0 4px 18px rgba(8, 8, 46, 0.08);
    --shadow-hover: 0 18px 40px rgba(8, 8, 46, 0.12);

    /* Transiciones */
    --transition-fast: 0.2s ease;
    --transition-medium: 0.35s ease;
}