/* Anuncios push de Pahlass: usa /bitacora/app.css y /status/status.css */
.an-para{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.an-sq{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:10px 12px;text-align:left}
.an-sq b{font:600 11px/1 var(--mo);letter-spacing:.08em}
.an-sq small{font:400 11px/1.3 var(--ui);letter-spacing:0;text-transform:none;color:var(--tx3)}
.an-cons{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:6px;margin-top:8px}
.an-con{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 9px;align-items:center;padding:9px 10px;border:1px solid var(--ln2);background:var(--bg);text-align:left}
.an-con:hover{background:var(--bg2)}
.an-con i{grid-row:span 2;width:12px;height:12px;border:1px solid var(--ln3)}
.an-con[aria-pressed="true"]{border-color:var(--azr);background:color-mix(in srgb,var(--azr) 12%,transparent)}
.an-con[aria-pressed="true"] i{background:var(--azr);border-color:var(--azr)}
.an-con b{font-weight:500;font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.an-con small{font:10px/1.3 var(--mo);color:var(--tx3)}
.an-n{float:right;font-style:normal;color:var(--tx4);letter-spacing:.04em}
.st-form .an-fe{width:auto;padding:6px 8px}
.an-al{border:1px dashed var(--ln3);padding:10px 12px;display:grid;gap:4px}
.an-al p{font-size:12.5px;color:var(--tx2);line-height:1.5}
.an-al b{color:var(--tx);font-weight:600}
.an-ver{display:grid;gap:14px}
.an-ver p{font-size:13.5px;line-height:1.5}
.an-ver .an-tx{white-space:pre-line;color:var(--tx2)}
.an-ver .bt{justify-self:start}
.an-it.e-cancelado b{text-decoration:line-through;color:var(--tx3)}
.an-it.e-programado small,.an-it.e-enviando small{color:var(--warn)}

/* Vista previa: la notificación en un teléfono y la tarjeta de MyID */
.an-tel{border:1px solid var(--ln2);border-radius:26px;padding:16px 12px 22px;background:linear-gradient(160deg,#0A8C83 0%,#00413D 55%,#001A18 100%);display:grid;gap:12px}
.an-hora{text-align:center;font:600 34px/1 var(--ui);color:#fff;letter-spacing:-.02em;padding:6px 0 4px}
.an-not{display:flex;gap:10px;padding:10px 12px;border-radius:16px;background:rgba(245,247,248,.9);color:#14161A}
.an-ic{width:32px;height:32px;flex:none;border-radius:8px;background:#0A8C83;color:#fff;display:grid;place-items:center;font:700 15px/1 var(--ui)}
.an-not>div{min-width:0;flex:1}
.an-nh{display:flex;gap:8px;align-items:baseline}
.an-nh b{flex:1;min-width:0;font-size:13px;font-weight:600;overflow-wrap:anywhere}
.an-nh time{font-size:11px;color:#6B7079}
.an-not p{font-size:12.5px;line-height:1.35;color:#2A2E35;white-space:pre-line;overflow-wrap:anywhere}
.an-myid{border-radius:14px;background:#fff;color:#14161A;padding:12px 14px;display:grid;gap:3px}
.an-myid .l{color:#868B94;margin-bottom:4px}
.an-myid em{justify-self:start;font:600 9.5px/1.6 var(--mo);letter-spacing:.06em;text-transform:uppercase;padding:0 5px;font-style:normal}
.an-myid b{font-size:14px;font-weight:600;overflow-wrap:anywhere}
.an-myid p{font-size:13px;color:#4A4F57;white-space:pre-line;overflow-wrap:anywhere}
@media (max-width:760px){
  .an-para{grid-template-columns:1fr}
}
