/* Unico estilo institucional; tambien funciona sin Bootstrap CSS. */
.inveo-pie {
    --pie-fondo: #f8f9fa;
    --pie-texto: #495057;
    --pie-titulo: #212529;
    --pie-borde: #dee2e6;
    background: var(--pie-fondo);
    color: var(--pie-texto);
    border-top: 1px solid var(--pie-borde);
    margin-top: 2rem;
    font: 400 .875rem/1.6 system-ui, -apple-system, "Segoe UI", sans-serif;
    text-align: left;
    width: 100%;
}
[data-bs-theme="dark"] .inveo-pie {
    --pie-fondo: #2b3035;
    --pie-texto: #ced4da;
    --pie-titulo: #f8f9fa;
    --pie-borde: #495057;
}
.inveo-pie, .inveo-pie * { box-sizing: border-box; }
.inveo-pie-interior { padding: 1.75rem 1.5rem 1rem; max-width: 100rem; margin-inline: auto; }
.inveo-pie-columnas { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.5rem; padding-bottom: 1.5rem; }
.inveo-pie-columnas > * { min-width: 0; }
.inveo-pie a { color: var(--pie-titulo); text-underline-offset: .2em; overflow-wrap: anywhere; }
.inveo-pie a:hover { text-decoration-thickness: 2px; }
.inveo-pie a:focus-visible, .inveo-pie-boton:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
.inveo-pie .inveo-pie-marca { font-size: 1.25rem; font-weight: 650; text-decoration: none; }
.inveo-pie-descripcion { margin: .375rem 0 0; }
.inveo-pie .inveo-pie-titulo { font: 600 .875rem/1.6 system-ui, sans-serif; color: var(--pie-titulo); margin: 0 0 .5rem; }
.inveo-pie-contacto { font-style: normal; margin: 0; }
.inveo-pie-contacto span, .inveo-pie-contacto a { display: block; }
.inveo-pie-enlaces { list-style: none; padding: 0; margin: 0; }
.inveo-pie-enlaces li { font: inherit; padding: 0; margin: 0 0 .375rem; }
.inveo-pie-boton { display: inline-flex; align-items: center; justify-content: center; width: 2.75rem; height: 2.75rem; background: transparent; color: var(--pie-titulo); border: 1px solid var(--pie-texto); border-radius: .375rem; cursor: pointer; font-size: 1rem; }
.inveo-pie-boton:hover { background: var(--pie-borde); }
.inveo-pie-inferior { border-top: 1px solid var(--pie-borde); padding-top: .875rem; font-size: .8125rem; }
@media (min-width: 62rem) {
    .inveo-pie-columnas { grid-template-columns: 3fr 4fr 3fr 2fr; gap: 2rem; }
    .inveo-pie-tema { text-align: right; }
}
@media (max-width: 30rem) {
    .inveo-pie-interior { padding-inline: 1rem; }
}
/* Tooltip Bootstrap para paginas autonomas, sin afectar otros tooltips. */
.inveo-pie-tooltip { position: absolute; z-index: 1080; display: block; font: .8125rem/1.4 system-ui, sans-serif; opacity: 0; }
.inveo-pie-tooltip.show { opacity: 1; }
.inveo-pie-tooltip .tooltip-inner { max-width: 15rem; padding: .5rem .75rem; color: #fff; background: #212529; border-radius: .375rem; text-align: center; }