/* Huella en Regla · menú único de todas las páginas. Se carga el último; usa clases propias (hr-*) para no chocar con el CSS de cada página. */
.hr-top{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:rgba(11,17,16,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid #1f2c28;font-family:"Sora","Segoe UI",system-ui,sans-serif}
.hr-bar{max-width:1120px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px max(16px,env(safe-area-inset-right,0px)) 12px max(16px,env(safe-area-inset-left,0px))}
.hr-logo{display:flex;align-items:center;flex:none;text-decoration:none}
.hr-logo img{height:45px;width:auto;display:block}
.hr-nav{display:flex;align-items:center;gap:22px;font-size:15px;line-height:1.2}
.hr-nav a{color:#a3b5ae;text-decoration:none;white-space:nowrap;padding:6px 0;border-bottom:2px solid transparent}
.hr-nav a:hover{color:#e9f1ee}
.hr-nav a[aria-current="page"]{color:#e9f1ee;border-bottom-color:#4ade80}
.hr-btn{display:none;align-items:center;gap:8px;background:transparent;color:#e9f1ee;border:1px solid #2c3d37;border-radius:10px;padding:9px 14px;font:inherit;font-size:15px;cursor:pointer;min-height:44px}
.hr-btn:focus-visible,.hr-nav a:focus-visible{outline:2px solid #4ade80;outline-offset:2px}
.hr-btn i{display:block;width:18px;height:2px;background:currentColor;position:relative}
.hr-btn i::before,.hr-btn i::after{content:"";position:absolute;left:0;width:18px;height:2px;background:currentColor}
.hr-btn i::before{top:-6px}.hr-btn i::after{top:6px}
.hr-top.abierto .hr-btn i{background:transparent}
.hr-top.abierto .hr-btn i::before{top:0;transform:rotate(45deg)}
.hr-top.abierto .hr-btn i::after{top:0;transform:rotate(-45deg)}
@media (max-width:1020px){.hr-nav{gap:16px;font-size:14px}}
@media (max-width:900px){
  .hr-btn{display:inline-flex}
  .hr-nav{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:0;background:#0b1110;border-bottom:1px solid #1f2c28;padding:6px 16px 14px;box-shadow:0 18px 40px rgba(0,0,0,.5);max-height:calc(100vh - 70px);overflow-y:auto}
  .hr-top.abierto .hr-nav{display:flex}
  .hr-nav a{font-size:17px;padding:14px 4px;border-bottom:1px solid #1f2c28}
  .hr-nav a:last-child{border-bottom:0}
  .hr-nav a[aria-current="page"]{border-bottom-color:#1f2c28;color:#4ade80}
}
@media (max-width:360px){.hr-logo img{height:38px}}
/* Sin JavaScript el menú se ve entero, plegado en varias líneas */
.no-js-menu .hr-nav{display:flex!important;position:static;flex-wrap:wrap;flex-direction:row;box-shadow:none;border:0;padding:0}
.no-js-menu .hr-btn{display:none!important}
/* Aviso de avisos de ayudas encima de la lista de subvenciones */
.hr-aviso{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 18px;margin:14px 0 4px;padding:14px 18px;border:1px solid #2f5b40;background:#12291c;border-radius:14px;color:#e9f1ee;text-decoration:none;font-size:16px;line-height:1.45}
.hr-aviso b{color:#4ade80;white-space:nowrap}
.hr-aviso:hover{border-color:#4ade80}
/* Índice de la calculadora (antes era su menú propio) */
.hr-indice{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0;padding:0;list-style:none}
.hr-indice a{display:inline-block;padding:8px 14px;border:1px solid #2c3d37;border-radius:999px;color:#e9f1ee;text-decoration:none;font-size:15px}
.hr-indice a:hover{border-color:#4ade80;color:#4ade80}