/* Elementos compartidos de navegación y contacto; sin modificar las historias. */
body > .bp-navegacion {
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 2px 24px;
    width: 100%;
    margin: 0;
    padding: 6px clamp(16px, 4vw, 40px);
    position: relative;
    z-index: 2;
    background: #0a1b3f;
    color: #fff8f0;
    font: 600 0.9rem/1.5 'Inter', system-ui, sans-serif;
}
body > .bp-navegacion a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    color: #f0dcb5;
    text-decoration: none;
}
body > .bp-navegacion .bp-marca {
    margin-right: auto;
    color: #fff8f0;
}
body > .bp-navegacion a:hover { text-decoration: underline; }
body > .bp-navegacion a:focus-visible,
body .bp-aviso-fotos a:focus-visible { outline: 3px solid #d4a853; outline-offset: 3px; }
body .bp-aviso-fotos {
    box-sizing: border-box;
    width: calc(100% - 32px);
    max-width: 820px;
    margin: 28px auto;
    padding: 14px 18px;
    border-left: 3px solid #d4a853;
    background: #f6efe3;
    color: #4b5563;
    font: 400 0.85rem/1.7 'Inter', system-ui, sans-serif;
}
body .bp-aviso-fotos p { margin: 0; text-align: left; }
body .bp-aviso-fotos a { color: #174f88; overflow-wrap: anywhere; }
@media (max-width: 600px) {
    body > .bp-navegacion { gap: 0 16px; }
    body .bp-aviso-fotos { padding: 12px 14px; }
}