/* AF Menú — botón «Instalar app» del cajón móvil: un diseño para Android y otro para iPhone. */

#afm .afm-app{margin:0 0 14px}
#afm .afm-app.afm-app-bottom{margin:20px 0 0}
#afm .afm-app[hidden]{display:none!important}
#afm .afm-app .afm-app-card{display:none}
#afm .afm-app[data-state="android"] .afm-app-and{display:flex}
#afm .afm-app[data-state="ios"] .afm-app-ios{display:block}

/* Piezas comunes */
#afm .afm-app .afm-app-ico{flex:none;display:grid;place-items:center;width:46px;height:46px;overflow:hidden;background:var(--afm-bg2,#003a75);color:var(--afm-tx,#fff)}
#afm .afm-app .afm-app-ico svg{width:24px;height:24px}
#afm .afm-app .afm-app-ico img{display:block;width:100%;height:100%;object-fit:cover}
#afm .afm-app .afm-app-ico.has-img svg{display:none}
#afm .afm-app .afm-app-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;text-align:left}
#afm .afm-app .afm-app-tx strong{font-size:15px;font-weight:650;line-height:1.25}
#afm .afm-app .afm-app-tx small{font-size:12.5px;line-height:1.3;opacity:.75}

/* ---------- Android: tarjeta estilo Material, botón «pastilla» ---------- */
#afm .afm-app .afm-app-and{align-items:center;gap:12px;padding:12px 12px 12px 14px;border-radius:20px;background:#f2f5fb;color:#1a1c1e;font-family:Roboto,"Google Sans","Segoe UI",system-ui,sans-serif;box-shadow:0 1px 2px rgba(0,0,0,.28),0 4px 12px rgba(0,0,0,.18)}
#afm .afm-app .afm-app-and .afm-app-ico{border-radius:14px;background:var(--afm-bg,#00529b);color:var(--afm-tx,#fff)}
#afm .afm-app .afm-app-btn{flex:none;min-width:88px;height:40px;margin:0;padding:0 20px!important;border:0!important;border-radius:999px!important;background:var(--afm-bg,#00529b)!important;color:var(--afm-tx,#fff)!important;font:600 14px/1 Roboto,"Google Sans","Segoe UI",system-ui,sans-serif!important;letter-spacing:.1px;text-transform:none;cursor:pointer;box-shadow:none!important;-webkit-appearance:none;appearance:none;transition:transform .12s ease,box-shadow .12s ease}
#afm .afm-app .afm-app-btn:active{transform:scale(.96)}
#afm .afm-app .afm-app-btn:focus-visible{outline:3px solid var(--afm-ac,#ffc400);outline-offset:2px}

/* ---------- iPhone: panel translúcido, icono «squircle», botón azul del sistema ---------- */
#afm .afm-app .afm-app-ios{border-radius:16px;background:rgba(255,255,255,.16);-webkit-backdrop-filter:saturate(180%) blur(18px);backdrop-filter:saturate(180%) blur(18px);border:.5px solid rgba(255,255,255,.3);color:var(--afm-tx,#fff);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",sans-serif;overflow:hidden}
#afm .afm-app .afm-app-head{display:flex;align-items:center;gap:12px;width:100%;margin:0;padding:12px 14px!important;border:0!important;border-radius:0!important;background:none!important;color:inherit!important;font:inherit!important;text-align:left;text-transform:none;cursor:pointer;box-shadow:none!important;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent}
#afm .afm-app .afm-app-head:focus-visible{outline:3px solid var(--afm-ac,#ffc400);outline-offset:-3px}
#afm .afm-app .afm-app-ios .afm-app-ico{width:48px;height:48px;border-radius:22.37%;box-shadow:0 0 0 .5px rgba(0,0,0,.28),0 1px 3px rgba(0,0,0,.25)}
#afm .afm-app .afm-app-ios .afm-app-tx strong{font-weight:600;letter-spacing:-.01em}
#afm .afm-app .afm-app-pill{flex:none;padding:7px 15px;border-radius:999px;background:#0a84ff;color:#fff;font-size:14px;font-weight:600;letter-spacing:-.01em;line-height:1}
#afm .afm-app .afm-app-ios.open .afm-app-pill{background:rgba(255,255,255,.22)}
#afm .afm-app .afm-app-steps{display:none;margin:0;padding:2px 14px 6px;list-style:none;border-top:.5px solid rgba(255,255,255,.26)}
#afm .afm-app .afm-app-ios.open .afm-app-steps{display:block;animation:afmAppIn .3s ease both}
#afm .afm-app .afm-app-steps li{display:flex;align-items:center;gap:12px;margin:0;padding:11px 0;font-size:14px;line-height:1.35}
#afm .afm-app .afm-app-steps li+li{border-top:.5px solid rgba(255,255,255,.18)}
#afm .afm-app .afm-app-num{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.22);font-size:13px;font-weight:700}
#afm .afm-app .afm-app-k{display:inline-grid;place-items:center;width:26px;height:26px;margin:0 2px;vertical-align:middle;border-radius:7px;background:rgba(255,255,255,.22)}
#afm .afm-app .afm-app-k svg{width:16px;height:16px}

/* Entrada suave cada vez que se abre el menú */
@keyframes afmAppIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
#afm.drawer-open .afm-app[data-state] .afm-app-card{animation:afmAppIn .45s .15s both cubic-bezier(.2,.8,.2,1)}
@media (prefers-reduced-motion:reduce){
	#afm.drawer-open .afm-app[data-state] .afm-app-card,#afm .afm-app .afm-app-ios.open .afm-app-steps{animation:none}
	#afm .afm-app .afm-app-btn{transition:none}
}

/* ---------- Botón compacto junto al logo (cabecera del cajón) ---------- */
#afm .afm-app-mini{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:40px;min-width:40px;margin:0;padding:0 14px 0 11px!important;border:0!important;border-radius:999px!important;background:var(--afm-ac,#ffc400)!important;color:var(--afm-actx,#1a1c1e)!important;font:700 13.5px/1 var(--afm-font,system-ui,sans-serif)!important;letter-spacing:.1px;text-transform:none;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.28)!important;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;transition:transform .12s ease}
#afm .afm-app-mini[hidden]{display:none!important}
#afm .afm-app-mini svg{width:18px;height:18px;flex:none}
#afm .afm-app-mini:active{transform:scale(.95)}
#afm .afm-app-mini:focus-visible{outline:3px solid var(--afm-tx,#fff);outline-offset:2px}
#afm.drawer-open .afm-app-mini:not([hidden]){animation:afmAppIn .4s .12s both cubic-bezier(.2,.8,.2,1)}
/* Pantallas estrechas: solo el icono, para que quepan logo, cuenta y cerrar */
@media (max-width:359px){#afm .afm-app-mini{padding:0!important;width:40px}#afm .afm-app-mini span{display:none}}
@media (prefers-reduced-motion:reduce){#afm.drawer-open .afm-app-mini:not([hidden]){animation:none}#afm .afm-app-mini{transition:none}}