/* PROYECTO 02 · Home mobile navigation · acabado de lectura v1 */
.homeMobileNav{display:none}
@media(max-width:820px){
  html{scroll-padding-top:68px}
  #puertas,#chat-renacer{scroll-margin-top:68px}
  .homeMobileNav{
    position:fixed;z-index:80;left:0;right:0;top:0;height:60px;
    display:block;opacity:0;pointer-events:none;transform:translateY(-105%);
    transition:transform .18s ease,opacity .16s ease;
    background:linear-gradient(100deg,rgba(3,23,42,.985),rgba(7,48,79,.985) 57%,rgba(72,9,16,.985));
    border-bottom:1px solid rgba(224,189,88,.82);
    box-shadow:0 8px 20px rgba(1,10,18,.23);
    backdrop-filter:blur(12px);
  }
  .homeMobileNav[data-visible="true"]{opacity:1;pointer-events:auto;transform:none}
  .homeMobileNavInner{width:min(100%,960px);height:100%;margin:0 auto;display:flex;align-items:center;gap:5px;padding:0 8px}
  .homeMobileBrand{min-width:0;flex:1;display:flex;align-items:center;gap:8px;color:#fff0c8;text-decoration:none}
  .homeMobileBrand img{width:36px;height:36px;flex:0 0 36px;border-radius:50%;object-fit:contain;background:#4b0710;border:1px solid rgba(224,189,88,.82)}
  .homeMobileBrand span{min-width:0;display:grid;line-height:1}
  .homeMobileBrand strong{font:700 16px/1 Georgia,'Times New Roman',serif;letter-spacing:.035em;white-space:nowrap}
  .homeMobileBrand small{margin-top:3px;font:700 6.5px/1 Arial,sans-serif;letter-spacing:.08em;color:#e5d2a1;white-space:nowrap}
  .homeMobileAction{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border:0;border-radius:12px;background:transparent;color:#f1d168;text-decoration:none;padding:0;cursor:pointer}
  .homeMobileAction svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
  .homeMobileAction:active{background:rgba(255,255,255,.055)}
  .homeMobileAction:focus-visible,.homeMobileBrand:focus-visible,.homeMobileMenu a:focus-visible{outline:3px solid #fff0a3;outline-offset:2px}
  .homeMobileMenuBackdrop{position:fixed;z-index:78;inset:60px 0 0;background:rgba(1,9,16,.28);backdrop-filter:blur(2px)}
  .homeMobileMenu{position:fixed;z-index:81;right:8px;top:66px;width:min(300px,calc(100% - 16px));padding:8px;border:1px solid rgba(224,189,88,.52);border-radius:16px;background:linear-gradient(155deg,#071d34,#35101a);box-shadow:0 18px 44px rgba(0,0,0,.35)}
  .homeMobileMenu a{min-height:44px;display:flex;align-items:center;padding:0 13px;border-radius:11px;color:#fff1d2;text-decoration:none;font:700 13px/1.2 Arial,sans-serif}
  .homeMobileMenu a+ a{border-top:1px solid rgba(213,175,69,.14)}
  .homeMobileMenu a:active{background:rgba(255,255,255,.055)}
  .master-visual-demo-note{min-height:24px;padding:5px 9px 6px;font-size:7.4px;line-height:1.22;letter-spacing:.03em}
}
@media(max-width:390px){
  .homeMobileNavInner{padding-inline:6px;gap:3px}
  .homeMobileBrand{gap:6px}.homeMobileBrand img{width:34px;height:34px;flex-basis:34px}.homeMobileBrand strong{font-size:15px}.homeMobileBrand small{font-size:6px}
}
@media(max-width:350px){.homeMobileBrand small{display:none}}
@media(prefers-reduced-motion:reduce){.homeMobileNav{transition:none}}

/* QA-06 · objetivos táctiles */
.homeMobileBrand,.homeMobileAction{min-height:44px}
.homeMobileAction{min-width:44px}