/* =============================================================================
 * Variables — Deudas a Cero 2026
 * Paleta heredada de la web actual (Cristian la prefiere) + ajustes brief.
 * ============================================================================ */

:root {
	/* --- Color: navy (institucional) --------------------------------------- */
	--da-navy:        #00194C;
	--da-navy-deep:   #001E4E;
	--da-navy-soft:   #1A3C8F;

	/* --- Color: azul primario --------------------------------------------- */
	--da-blue:        #0055FF;
	--da-blue-dark:   #0049DC;
	--da-blue-mid:    #1A56DB;
	--da-blue-light:  #7AAEFF;
	--da-blue-bg:     #F0F4FF;

	/* --- Color: estado ---------------------------------------------------- */
	--da-success:     #059669;
	--da-error:       #DC2626;
	--da-warning:     #D97706;

	/* --- Color: superficies y texto --------------------------------------- */
	--da-bg:          #FFFFFF;
	--da-bg-soft:     #F3F4F6;
	--da-bg-alt:      #F8FAFC;
	--da-border:      #E8ECF5;
	--da-border-soft: #EEF2F7;

	--da-text:        #1F2937;
	--da-text-soft:   #4B5563;
	--da-text-muted:  #6B7280;
	--da-text-on-navy: rgba(255,255,255,0.92);
	--da-text-on-navy-soft: rgba(255,255,255,0.72);

	/* --- Tipografía ------------------------------------------------------- */
	--da-font-heading: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	--da-font-body:    "Urbanist", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

	/* Escala fluida (clamp(min, ideal, max)) -------------------------------- */
	--fs-xs:   clamp(0.75rem, 0.72rem + 0.15vw, 0.875rem);   /* 12-14px */
	--fs-sm:   clamp(0.875rem, 0.85rem + 0.15vw, 1rem);      /* 14-16px */
	--fs-base: clamp(1rem, 0.95rem + 0.25vw, 1.125rem);      /* 16-18px */
	--fs-md:   clamp(1.125rem, 1.05rem + 0.4vw, 1.25rem);    /* 18-20px */
	--fs-lg:   clamp(1.25rem, 1.15rem + 0.5vw, 1.5rem);      /* 20-24px */
	--fs-xl:   clamp(1.5rem, 1.3rem + 1vw, 2rem);            /* 24-32px */
	--fs-2xl:  clamp(1.875rem, 1.5rem + 1.8vw, 2.75rem);     /* 30-44px */
	--fs-3xl:  clamp(2.25rem, 1.8rem + 2.5vw, 3.5rem);       /* 36-56px */
	--fs-4xl:  clamp(2.75rem, 2.1rem + 3.2vw, 4.5rem);       /* 44-72px */

	/* Pesos */
	--fw-light:    300;
	--fw-regular:  400;
	--fw-medium:   500;
	--fw-semibold: 600;
	--fw-bold:     700;
	--fw-black:    800;

	/* Line heights */
	--lh-tight:   1.15;
	--lh-snug:    1.3;
	--lh-normal:  1.5;
	--lh-relaxed: 1.65;

	/* --- Espaciado (escala 4) --------------------------------------------- */
	--sp-1:  0.25rem;
	--sp-2:  0.5rem;
	--sp-3:  0.75rem;
	--sp-4:  1rem;
	--sp-5:  1.25rem;
	--sp-6:  1.5rem;
	--sp-8:  2rem;
	--sp-10: 2.5rem;
	--sp-12: 3rem;
	--sp-16: 4rem;
	--sp-20: 5rem;
	--sp-24: 6rem;
	--sp-32: 8rem;

	/* --- Layout ----------------------------------------------------------- */
	--container-max: 1200px;
	--container-pad: clamp(1rem, 4vw, 2rem);

	/* --- Radius ----------------------------------------------------------- */
	--r-sm:   6px;
	--r-md:   10px;
	--r-lg:   14px;
	--r-xl:   20px;
	--r-2xl:  28px;
	--r-pill: 999px;

	/* --- Sombras ---------------------------------------------------------- */
	--shadow-sm:  0 1px 2px rgba(0,25,76,0.06), 0 1px 1px rgba(0,25,76,0.04);
	--shadow-md:  0 4px 12px rgba(0,25,76,0.08), 0 2px 4px rgba(0,25,76,0.05);
	--shadow-lg:  0 12px 32px rgba(0,25,76,0.12), 0 4px 8px rgba(0,25,76,0.06);
	--shadow-xl:  0 24px 48px rgba(0,25,76,0.16), 0 8px 16px rgba(0,25,76,0.08);
	--shadow-blue: 0 8px 24px rgba(0,85,255,0.25);

	/* --- Animación -------------------------------------------------------- */
	--ease-out: cubic-bezier(.2,.8,.2,1);
	--ease-in:  cubic-bezier(.6,.05,.8,.4);
	--dur-fast:   140ms;
	--dur-normal: 220ms;
	--dur-slow:   360ms;
}

/* Modo de movimiento reducido — desactiva animaciones largas. */
@media (prefers-reduced-motion: reduce) {
	*, ::before, ::after {
		animation-duration: 0.001ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.001ms !important;
		scroll-behavior: auto !important;
	}
}