/* Fuentes locales */
@font-face {
    font-family: 'PPModelSans-Medium';
    src: url('/assets/fonts/PPModelSans-Medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Area_Variable_Thin';
    src: url('/assets/fonts/Area_Variable_Thin.otf') format('opentype');
    font-weight: 100;
    font-style: normal;
}

/* Texto estándar: cuerpo, párrafos, spans, etc. */
body, p, li, a, input, textarea, button {
    font-family: 'Area_Variable_Thin', sans-serif;
    color: #55595F; /* gris oscuro */
}

/* Títulos con fuente de marca */
h1, h2, h3, h4, h5, h6, .brand-font {
    font-family: 'PPModelSans-Medium', sans-serif;
    color: #55595F; /* gris oscuro */
}

/* Colores de marca */
.text-blue-centul { color: #2A70C7; }
.bg-blue-centul { background-color: #2A70C7; }
.text-orange-centul { color: #FF4306; }
.bg-orange-centul { background-color: #FF4306; }
.bg-dark-gray-centul { background-color: #55595F; }

/* Ajuste por navbar fija */
#app { padding-top: 4rem; }

/* Opcional: scroll suave */
html { scroll-behavior: smooth; }

/* Patrón de fondo */
.bg-tech-pattern {
    background-color: #f8fafc; /* color base */
    background-image: radial-gradient(#cbd5e1 1px, transparent 1px);
    background-size: 20px 20px; /* tamaño de los puntos */
}