:root {
    /* Main colors */
    --blueFundary: #487FFF;
    --greenFundary: #10A5C1;
    --purpleFundary: #493CD9;
    /* Buttons */
    --bg-disabled: #E4E4E4;
    --text-disabled: #626262;
    --nav-link: #488AED;
    /* Text */
    --gray-text: #212529;
    --gray-light-text: #6c757d;
}

/* Título */

.page-title {
    text-align: center;
    color: var(--blueFundary);
    font-weight: 700;
}

.page-title-white {
    text-align: center;
    font-weight: 700;
    color: white;
    -webkit-text-stroke: 1px #487FFF;
    -webkit-text-fill-color: white;
}

h2 {
    color: var(--blueFundary);
    font-family: 'Montserrat', sans-serif;
    font-size: 2.25rem;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 1rem;
}

h3 {
    color: black;
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.3;
    margin-bottom: 0.8rem;
}

h4 {
    color: var(--blueFundary);
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.3;
    margin-bottom: 0.8rem;
}
/* Subtitulo fondo azul */

.texto-fondo-azul {
    background-color: var(--blueFundary);
    color: #ffffff;
    padding: 0.5rem 1.5rem;
    display: inline-block;
    font-size: 1.5rem;
    margin-bottom: 0.8rem;
    line-height: 1.2;
    font-family: sans-serif;
}

/* Botones */

.btn-square,
.btn-square-expand {
    background: var(--blueFundary);
    color: white;
    min-width: 210px;
    font-size: 16px;
    border-radius: 5px;
}

.btn-square {
    text-align: center;
}

.btn-square-expand {
    display: block;
    width: 100%;
    margin: 0 auto;
}

.btn-fundary {
    background-color: var(--blueFundary);
    color: white;
    padding: 14px 40px;
    transition: all 0.3s ease;
    font-weight: 700;
}

.btn-rounded {
    border-radius: 20px;
    background: var(--blueFundary);
    margin-top: 10px;
    color: white;
}

    .btn-square:hover,
    .btn-square-expand:hover,
    .btn-fundary:hover,
    .btn-rounded:hover{
        background-color: white;
        color: var(--blueFundary);
        box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
    }

    .btn-square:disabled,
    .btn-square-expand.disabled,
    .btn-square:disabled,
    .btn-square-expand.disabled,
    .btn-fundary:disabled,
    .btn-fundary.disabled,
    .btn-rounded:disabled,
    .btn-rounded.disabled {
        background-color: var(--bg-disabled);
        color: var(--text-disabled);
    }



/* Nav links */
.fundary-nav-link,
.fundary-nav-link:hover {
    color: var(--nav-link);
}

.fundary-nav-link {
    text-decoration: none;
}

.fundary-nav-link:hover {
    text-decoration: underline;
}

    .fundary-nav-link.disabled {
        color: black; /* Gris claro (puedes ajustarlo más oscuro si quieres) */
        pointer-events: none; /* LA CLAVE: Esto bloquea cualquier clic del mouse */
        cursor: default; /* Cambia la manita por el cursor normal */
        text-decoration: none; /* Asegura que no se subraye */
    }

/* --- ESTILOS DE TIPOGRAFÍA --- */

p {
    color: var(--gray-text);
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 1rem;
}

    p strong, p b {
        font-weight: 700;
        color: black;
    }

p.gray {
    color: var(--gray-light-text)
}

p.mini-text {
    font-size: 14px;
}