/* MG_PWA_V1 (1.1.0) */
:root{--mgpwa-rojo:#e30613;--mgpwa-rojo-osc:#b8050f;--mgpwa-negro:#111}
/* ---------- Aviso "Instala la app" ---------- */
.mgpwa-aviso{position:fixed;z-index:2147483000;left:50%;bottom:calc(12px + env(safe-area-inset-bottom));
  width:calc(100% - 24px);max-width:440px;box-sizing:border-box;transform:translate(-50%,160%);opacity:0;
  transition:transform .4s cubic-bezier(.2,.9,.3,1.2),opacity .3s;background:#fff;color:var(--mgpwa-negro);
  border-radius:16px;box-shadow:0 10px 40px rgba(0,0,0,.28),0 0 0 1px rgba(0,0,0,.05);overflow:hidden;
  font-family:inherit;font-size:14px;line-height:1.4}
.mgpwa-aviso.mgpwa-visible{transform:translate(-50%,0);opacity:1}
.mgpwa-aviso:before{content:"";display:block;height:4px;border-radius:16px 16px 0 0;background:linear-gradient(90deg,var(--mgpwa-negro) 0 50%,var(--mgpwa-rojo) 50%)}
.mgpwa-fila{display:flex;align-items:center;gap:14px;padding:14px 44px 12px 14px}
.mgpwa-aviso img{flex:0 0 60px;width:60px;height:60px;border-radius:14px;box-shadow:0 2px 8px rgba(0,0,0,.18);background:#fff}
.mgpwa-cuerpo{flex:1 1 auto;min-width:0}
.mgpwa-cuerpo strong{display:block;font-size:16px;font-weight:700;margin-bottom:3px;color:var(--mgpwa-negro)}
.mgpwa-texto{display:block;color:#555;font-size:13.5px}
.mgpwa-texto svg{color:#0a84ff}
.mgpwa-botones{display:flex;gap:10px;padding:0 14px 14px}
.mgpwa-botones button{flex:1;border:0;border-radius:10px;padding:12px 10px;font:inherit;font-size:15px;font-weight:700;cursor:pointer;
  transition:background .2s,transform .1s}
.mgpwa-botones button:active{transform:scale(.97)}
.mgpwa-luego{background:#f1f1f1;color:#444}
.mgpwa-luego:hover{background:#e6e6e6}
.mgpwa-si{background:var(--mgpwa-rojo);color:#fff;box-shadow:0 3px 10px rgba(227,6,19,.35)}
.mgpwa-si:hover{background:var(--mgpwa-rojo-osc)}
.mgpwa-x{position:absolute;top:10px;right:8px;width:32px;height:32px;border:0;border-radius:50%;background:transparent;
  font-size:24px;line-height:30px;color:#999;cursor:pointer;padding:0}
.mgpwa-x:hover{background:#f1f1f1;color:#333}
.mgpwa-ios .mgpwa-fila{padding-bottom:16px}
/* Flecha que señala el botón Compartir de Safari (abajo en iPhone) */
.mgpwa-iphone:after{content:"";position:absolute;left:50%;bottom:-8px;margin-left:-8px;border:8px solid transparent;border-bottom:0;border-top-color:#fff}
.mgpwa-iphone{overflow:visible}
/* PC: tarjeta abajo a la izquierda (no tapa el botón de WhatsApp) */
@media (min-width:992px){
  .mgpwa-aviso{left:24px;bottom:24px;width:400px;transform:translateY(160%)}
  .mgpwa-aviso.mgpwa-visible{transform:translateY(0)}
}
/* ---------- Tarjeta del pie ---------- */
.mgpwa-pie{display:none;padding:18px 15px;clear:both}
.mgpwa-puede .mgpwa-pie{display:block}
.mgpwa-pie-tarjeta{display:flex;align-items:center;gap:14px;max-width:560px;margin:0 auto;padding:14px 16px;background:#fff;
  border:1px solid #e5e5e5;border-radius:14px;box-shadow:0 2px 12px rgba(0,0,0,.06);color:var(--mgpwa-negro);text-align:left}
.mgpwa-pie-tarjeta img{flex:0 0 56px;border-radius:13px;box-shadow:0 2px 6px rgba(0,0,0,.15)}
.mgpwa-pie-txt{flex:1 1 auto;min-width:0}
.mgpwa-pie-txt strong{display:block;font-size:15px;color:var(--mgpwa-negro)}
.mgpwa-pie-txt span{display:block;font-size:13px;color:#666;line-height:1.35}
a.mgpwa-pie-btn,a.mgpwa-pie-btn:visited{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;background:var(--mgpwa-rojo);color:#fff!important;
  border-radius:10px;padding:10px 16px;font-weight:700;font-size:14px;text-decoration:none!important;box-shadow:0 3px 10px rgba(227,6,19,.3)}
a.mgpwa-pie-btn:hover{background:var(--mgpwa-rojo-osc)}
@media (max-width:480px){
  .mgpwa-pie-tarjeta{flex-wrap:wrap}
  .mgpwa-pie-txt{flex-basis:calc(100% - 70px)}
  a.mgpwa-pie-btn{width:100%;justify-content:center;padding:12px}
}
/* Con la app ya instalada no se muestra nada de instalar */
.mgpwa-app .mgpwa-pie,.mgpwa-app .mgpwa-instalar,.mgpwa-app .mgpwa-aviso{display:none!important}
@media print{.mgpwa-aviso,.mgpwa-pie{display:none!important}}