/* Avisos al celular · tarjeta en Inicio, pasos de iPhone y bloque de Configuración (avisos-celular.js) */
.avc-tj{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin:16px 0;border-color:rgba(var(--menta-rgb),.35);position:relative;overflow:hidden}
.avc-tj.oculto{display:none}
.avc-tj>img{width:64px;height:96px;object-fit:contain;flex:0 0 auto;margin:-8px 0 -12px}
.avc-txt{flex:1;min-width:200px;display:flex;flex-direction:column;gap:4px}
.avc-txt b{font-size:var(--t-4)}
.avc-txt span{color:var(--gris);font-size:var(--t-3);line-height:1.4}
.avc-txt .hint:empty{display:none}
.avc-bts{display:flex;gap:8px;flex-wrap:wrap}
.avc-bts .btn{margin:0}

.avc-ios{border:1px solid var(--linea2);border-radius:var(--radio-3);background:var(--sup);color:var(--texto);padding:24px 20px 20px;width:min(380px,calc(100vw - 32px));text-align:center}
.avc-ios::backdrop{background:rgba(0,0,0,.65)}
.avc-ios-piloto{width:72px;height:108px;object-fit:contain;margin:-8px auto 8px;display:block}
.avc-ios>b{display:block;font-size:var(--t-5);line-height:1.3;margin-bottom:16px}
.avc-ios ol{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-direction:column;gap:12px;text-align:left}
.avc-ios li{display:flex;gap:12px;align-items:center;background:var(--sup2);border:1px solid var(--linea);border-radius:var(--radio-2);padding:12px}
.avc-ios li div{display:flex;flex-direction:column;gap:2px}
.avc-ios li span:not(.avc-ico){color:var(--gris);font-size:var(--t-3)}
.avc-ico{width:42px;height:42px;border-radius:var(--radio-2);background:var(--menta-osc);color:var(--menta);display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.avc-ico svg{width:26px;height:26px}
.avc-ios .btn{margin:8px 0 0}

.avc-cfg{margin-top:12px;padding-top:12px;border-top:1px solid var(--linea)}
.avc-cfg-cab{display:flex;flex-direction:column;gap:2px;margin-bottom:8px}
.avc-cfg-cab .hint{margin:0}
.avc-cfg .interruptor span{display:flex;flex-direction:column;gap:2px}
.avc-cfg .interruptor small{font-size:var(--t-2);margin:0}
.avc-cfg .btn{margin:8px 0 0}
.avc-cfg .sw:focus-visible{outline:2px solid var(--menta);outline-offset:2px}

/* lo que avisó (cita, publicación, cotización) brilla un momento al abrir el aviso */
.avc-resalta{outline:2px solid var(--menta,#89FF9E);outline-offset:3px;border-radius:var(--radio-2);transition:outline-color .6s}
