/* Cabecera, menú y pie comunes de proyectoorg.org. Los usan las páginas estáticas (montar.py) y las fichas
   de /verificado/ (el receptor los inserta al servirlas). Clases con prefijo po- para no chocar con el CSS
   de cada página. */
html{scroll-padding-top:84px}  /* que los anclas no queden debajo de la cabecera fija */
body{margin:0}  /* las fichas de error del CRM no lo quitan y la cabecera quedaba a 8 px */
.po-cab,.po-cab *,.po-pie,.po-pie *{box-sizing:border-box}  /* igual ancho aunque la página no lo fije */
.po-w{max-width:1100px;margin:0 auto;padding:0 20px}
.po-cab{position:sticky;top:0;z-index:50;background:#fff;border-bottom:3px solid #1F5F8B;box-shadow:0 6px 18px -12px rgba(23,50,72,.35);font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.6}
.po-cab .po-w{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-block:14px}
.po-marca{display:flex;align-items:center;gap:10px;text-decoration:none;color:#111827}
.po-marca svg{flex:none;display:block}
.po-marca b{display:block;font-size:18px;line-height:1.1}.po-marca i{display:block;font-style:normal;font-size:13px;color:#4b5563}
.po-nav a{margin-left:18px;text-decoration:none;font-size:15px;color:#4b5563}
.po-nav a:hover,.po-nav a[aria-current]{color:#1F5F8B}
.po-cab a:focus-visible,.po-pie a:focus-visible{outline:3px solid #9CC3E0;outline-offset:2px}
.po-pie{border-top:1px solid #DCE4EA;margin-top:30px;padding-block:24px 40px;color:#4b5563;font-size:14px;line-height:1.6;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
.po-pie p{margin:0 0 4px;max-width:none}.po-pie a{color:#1F5F8B}
@media(max-width:640px){.po-nav{display:none}}
