/* ArepaNews App (v1.0.0) — app-mode polish + install block + listen button. */
@media (display-mode: standalone) {
    #wpadminbar { display: none !important; }
    html { margin-top: 0 !important; }
    body { padding-top: env(safe-area-inset-top); padding-bottom: env(safe-area-inset-bottom); }
}

.an-app-install {
    background: #1a1a1a; color: #fff; border-radius: 14px;
    padding: 20px; text-align: center; max-width: 520px; margin: 16px auto;
}
.an-app-install h3 { color: #fff; margin: 10px 0 8px; font-size: 19px; }
.an-app-install p { color: #e8e2d6; font-size: 14px; margin: 6px 0; }
.an-app-install a { color: #f2b705; }
.an-app-qr { width: 170px; height: 170px; background: #fff; border-radius: 10px; padding: 8px; }
.an-app-install-btn, .an-listen-btn {
    background: #c8102e; color: #fff; border: 0; border-radius: 9px;
    font-weight: 800; font-size: 15px; padding: 11px 22px; cursor: pointer; margin-top: 8px;
}
.an-listen-btn { display: block; margin: 14px auto; }
.an-app-note { color: #b8ad97 !important; font-size: 12.5px !important; }

.an-boletin { background: #fff; border: 1px solid #e3dccb; border-radius: 12px; padding: 14px; }
.an-boletin label { display: block; font-size: 14px; margin-bottom: 8px; }
.an-boletin input[type="email"] { width: 100%; padding: 10px; border: 1px solid #c9c0aa; border-radius: 8px; margin-bottom: 8px; }
.an-boletin button { background: #c8102e; color: #fff; border: 0; border-radius: 8px; font-weight: 800; padding: 10px 18px; cursor: pointer; }
.an-ok { color: #137333; font-size: 13px; }
.an-err { color: #c8102e; font-size: 13px; }