h1 {
    font-family: 'Manrope', 'Segoe UI', system-ui, sans-serif;
    font-size: var(--lp-hero, 1.80rem);
    font-weight: 800;
    color: #1f2a4d;
    margin-bottom: 0.75rem;
    letter-spacing: -.01em;
}

h2 {
    font-family: 'Manrope', 'Segoe UI', system-ui, sans-serif;
    font-size: 1.6rem;
    font-weight: 700;
    color: #1f2a4d;
    margin-bottom: 0.75rem;
    letter-spacing: .04em;
}

h5 {
    font-size: var(--lp-lg, 1rem);
    font-weight: 700;
    color: #1f2a4d;
}



html {
    height: 100%;
}

body {
    font-family: 'Manrope', 'Segoe UI', system-ui, sans-serif;
    line-height: 1.5;
    min-height: 100vh;
    margin: 0;
    display: flex;
    flex-direction: column;
}



/* h3 global — default para templates legacy sin clase explícita.
   Los módulos modernos usan .module-card__title, .filter-section__title, etc.
   y los sobreescriben por especificidad. Pendiente: acotar con wrapper legacy. */
h3 {
    font-size: 1rem;
    margin-bottom: 1.125rem;
    padding-bottom: 5px;
    color: #30398d;
}

/* .btn global — base canónica. Los módulos modernos refinan via scope propio. */
.btn {
    border: none;
    border-radius: 8px;
    padding: 8px 16px;
    cursor: pointer;
    transition: background .15s, box-shadow .15s, transform .1s;
}

.btn i {
    margin-right: 6px;
    font-size: 1rem;
}

.btn-primary {
    background-color: #30398d;
    color: #fff;
}

.btn-primary:hover {
    background-color: #1f2b66;
}




main.container {
    flex: 1 0 auto;
    max-width: 1280px;
    margin-top: 1.5rem !important;
    margin-bottom: 1rem !important;
}

footer {
    margin-top: auto;
}

footer.mt-5 {
    margin-top: auto !important;
}

/* Bootstrap utility overrides — normalizar a paleta LP */
.text-muted { color: #5d6389 !important; }
.text-primary { color: #30398D !important; }
.bg-primary { background-color: #30398D !important; }

/* Botones secundarios y de enlace — paleta LP */
.btn-outline-secondary {
    color: #5d6389;
    border-color: rgba(93,99,137,.40);
    background: transparent;
}
.btn-outline-secondary:hover,
.btn-outline-secondary:focus {
    background: rgba(93,99,137,.08);
    color: #1f2a4d;
    border-color: #5d6389;
    box-shadow: none;
}
.btn-outline-primary {
    color: #30398D;
    border-color: rgba(48,57,141,.45);
    background: transparent;
}
.btn-outline-primary:hover,
.btn-outline-primary:focus {
    background: rgba(48,57,141,.08);
    color: #1f2b66;
    border-color: #30398D;
    box-shadow: none;
}
.btn-link {
    color: #5d6389;
}
.btn-link:hover {
    color: #30398D;
}