/* filepath: /public/static/css */

/* From CDN */
/* @import url("https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css"); */

/* From local third party libraries */
@import "./bootstrap/bootstrap.min.css";
@import "./fontawesome/css/all.min.css";
@import "./datatables/datatables.min.css";
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap');

:root {
    --font-default: "JetBrains Mono", 'Courier New', Courier, monospace;
    /* Base para móvil (tamaños un poco más pequeños) */
    --h1-size: 2.5rem;
    --h2-size: 2rem;
    --h3-size: 1.75rem;
    --h4-size: 1.5rem;
    --h5-size: 1.25rem;
    --h6-size: 1rem;
}

body {
    font-family: var(--font-default);
    line-height: 1.2em;
}

/* Media Query para pantallas medianas y grandes (Desktop) */
@media (min-width: 768px) {
    :root {
        --h1-size: 3.05rem;
        --h2-size: 2.44rem;
        --h3-size: 1.95rem;
        --h4-size: 1.56rem;
        --h5-size: 1.25rem;
        --h6-size: 1rem;
    }
}

/* Aplicación de variables */
h1 {
    font-size: var(--h1-size);
    line-height: 1.1;
}

h2 {
    font-size: var(--h2-size);
    line-height: 1.2;
}

h3 {
    font-size: var(--h3-size);
    line-height: 1.3;
}

h4 {
    font-size: var(--h4-size);
}

h5 {
    font-size: var(--h5-size);
}

h6 {
    font-size: var(--h6-size);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

/* Agrega un asterisco rojo en las etiquetas de campos de formulario con propiedad "required" */
label.form-label {
    margin-bottom: 0.3rem;
}

label.form-label-required::after {
    content: "*";
    color: red;
    margin: 0 3px;
}

label.form-label-required+sup.fa-circle-question {
    margin-left: 0;
}

sup.fa-circle-question {
    margin-left: 3px;
}

.brand-color {
    color: #9F0D0F;
}

/* [data-bs-theme="dark"] {} */