/* Correcciones compartidas de accesibilidad y responsive. */
html,body{max-width:100%;overflow-x:clip}

.gear{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:5px;
  flex:0 0 auto;
  width:auto !important;
  min-width:44px !important;
  height:44px !important;
  padding:0 10px !important;
  font-size:20px !important;
}
.reset-label{font-size:12px;font-weight:800}

.footer #editBtn{
  position:static !important;
  inset:auto !important;
  width:auto !important;
  min-width:104px;
  margin:0 !important;
  transform:none !important;
  z-index:auto !important;
}

.tile.move-selected .tile-icon{
  outline:3px solid #35d7ff;
  outline-offset:4px;
  box-shadow:0 0 0 7px rgba(53,215,255,.18),0 10px 26px rgba(0,0,0,.32);
}

button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{
  outline:3px solid #35d7ff;
  outline-offset:3px;
}

dialog[open]:not(:modal){
  position:fixed;
  inset:50% auto auto 50%;
  transform:translate(-50%,-50%);
  z-index:1000;
}

.contact-content label{display:block;color:#b8c4d4;margin:18px 0 7px}
.contact-content input{margin:0}
.contact-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
.contact-copy-status{min-height:1.4em;margin:12px 0 0;color:#42d7ff}

.locale-links{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:.35rem .65rem;
}

.locale-links a{
  color:inherit;
  font-size:inherit;
  text-decoration:underline;
  text-underline-offset:2px;
}

@media(min-width:1000px) and (max-width:1500px){
  .topbar{gap:12px}
  .brand{gap:10px;flex:0 0 auto}
  .brand-mark{width:72px;height:72px}
  .brand-mark:after{inset:13px}
  .brand-text span{font-size:28px}
  .brand-text strong{font-size:38px}
  .status-zone{min-width:0;gap:6px;justify-content:flex-end}
  .status-pill{min-width:0;min-height:48px;padding:0 8px;gap:6px}
  .status-pill b{font-size:14px;white-space:nowrap}
  .status-pill small{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .live-status-copy{min-width:0;max-width:125px;overflow:hidden}
  .status-icon{font-size:22px}
  .dolar-logo{width:42px;height:42px;border-width:3px;font-size:22px}
  .plus-sales-pill{max-width:190px}
}

@media(max-width:620px){
  .status-zone{flex-wrap:wrap;justify-content:flex-end}
  .gear{width:44px !important;height:44px !important;font-size:27px !important}
  .gear .reset-label{display:none}
  .footer #editBtn{width:100% !important;min-height:48px}
}
/* Instalación PWA compartida por las ediciones Free, Global y Plus. */
[data-install-app][hidden]{display:none!important}
.install-dialog{max-width:min(92vw,460px);border:1px solid rgba(95,208,255,.4);border-radius:22px;background:#09172c;color:#eef5ff;padding:0;box-shadow:0 28px 90px rgba(0,0,0,.6)}
.install-dialog::backdrop{background:rgba(0,4,12,.78);backdrop-filter:blur(4px)}
.install-dialog .info-content{padding:26px;position:relative}
.install-dialog .modal-close{position:absolute;right:10px;top:10px;border:0;background:transparent;color:#eef5ff;font-size:25px;cursor:pointer}
.install-dialog button{min-height:42px;padding:10px 14px;border-radius:12px;border:1px solid rgba(95,208,255,.4);background:rgba(255,255,255,.06);color:#eef5ff;font-weight:800;cursor:pointer}
.install-dialog button.primary{background:linear-gradient(135deg,#5fd0ff,#8b5cff);color:#04101f;border:0}
.install-content{text-align:center}
.install-mark{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 12px;border-radius:18px;background:linear-gradient(135deg,#168cff,#2ce5e5);color:#021020;font-size:30px;font-weight:900}
.install-actions{display:flex;justify-content:center;gap:10px;margin-top:18px}