/* Navegación de celular: cinco destinos estables, siempre visibles. */
#practica-broma nav svg{width:20px;height:20px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media screen and (max-width:760px){
  #practica-broma{overflow:visible;border-radius:0;border:0}
  #practica-broma .p-shell{grid-template-rows:auto 1fr;min-height:calc(100dvh - 48px)}
  #practica-broma main{align-self:start}
  #practica-broma aside{padding:14px 16px;gap:0;background:var(--p-bg)}
  #practica-broma .p-brand{padding:0}
  #practica-broma .p-top{display:none}
  #practica-broma nav{position:fixed;z-index:50;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;padding:7px max(6px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left));background:#ffffff;border-top:1px solid #dce5ec;box-shadow:0 -4px 18px #233c4b0d}
  #practica-broma nav button{min-width:0;min-height:57px;padding:6px 2px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;text-align:center;border-radius:10px;font-size:11px;line-height:1.2;color:#607380;background:transparent;white-space:nowrap;overflow-wrap:normal}
  #practica-broma nav button[aria-current=page]{background:#e9f1f5;color:#245b73;font-weight:700;box-shadow:inset 0 3px 0 #245b73}
  #practica-broma nav button:focus-visible{outline:2px solid #245b73;outline-offset:1px}
  #practica-broma .p-content{padding-bottom:calc(105px + env(safe-area-inset-bottom))}
}