body {
            font-family: 'Quicksand', sans-serif;
            background-color: #F8FAFC;
        }
        h1, h2, h3, h4, .font-heading {
            font-family: 'Fredoka', sans-serif;
        }
        .custom-shadow {
            box-shadow: 0 10px 30px -5px rgba(2, 132, 199, 0.12), 0 8px 12px -6px rgba(249, 115, 22, 0.08);
        }

/* Contraste accesible para textos pequenos y botones. */
.text-brand-sky{color:#0369a1}
.text-brand-orange{color:#c2410c}
.bg-brand-sky{background-color:#0369a1}
.bg-brand-orange{background-color:#c2410c}
.text-slate-400{color:#475569}
.text-slate-500{color:#475569}
h1 .text-brand-sky{color:#0284c7}
h1 .text-brand-orange{color:#ea580c}
/* Contrast in the cotizador badge when orange overlay sits on a mixed background. */
.bg-orange-500\/10.text-brand-orange{color:#fdba74}