/* =========================================================
   SDT — Pie de página con logo (común a TODAS las páginas)
   El logo siempre mide 42 × 42 px, en cualquier página y pantalla.
   Para una página nueva: enlaza este archivo y js/pie.js, y copia
   el bloque <footer class="pie"> de index.html (ver LEEME.md).
   ========================================================= */
.pie {
    padding-block: 48px;
    background: #060D24;
    color: #A9B6DC;
    font-family: "Instrument Sans", system-ui, sans-serif;
    font-size: 14.9px;
    line-height: 1.6;
}
.pie__fila {
    width: 100%;
    max-width: 1120px;
    margin-inline: auto;
    padding-left: max(20px, env(safe-area-inset-left, 0px));
    padding-right: max(20px, env(safe-area-inset-right, 0px));
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 16px 32px;
}
.pie p { margin: 0; }
.pie a { color: inherit; }

/* Logo y nombre: tamaño fijo */
.pie .marca { display: flex; align-items: center; gap: 11px; text-decoration: none; }
.pie .marca__logo { display: block; width: 42px; height: 42px; flex-shrink: 0; }
.pie .marca__texto { display: flex; flex-direction: column; line-height: 1.1; }
.pie .marca__texto strong {
    font-family: "Bricolage Grotesque", system-ui, sans-serif;
    font-size: 21.6px;
    font-weight: 800;
    letter-spacing: -.02em;
    color: #fff;
}
.pie .marca__texto small { font-size: 11.5px; color: #A9B6DC; }