/* RDI Avisos — la invitación a recibir avisos, con el estilo de Rincón (los mismos tokens que la cuenta: rosa de texto
   #E20857, rosa suave #FAC4D8, radios 16/20, botones en pastilla, Natom Pro). */

/* El cartel de OneSignal (arriba al centro, botones azules, a los 4 segundos de la primera página): lo reemplaza esta
   invitación. OneSignal sigue funcionando igual; sólo no se ve su cartel. */
#onesignal-slidedown-container { display: none !important; }

.rdi-avisos {
  --rdi-avisos-abajo: 0px;
  /* encima de la barra de abajo si se ve; por encima del selector de moneda y del megáfono de Rincron, por debajo del
     carrito lateral y del menú (999.998+) por si los abre mientras la invitación está a la vista */
  position: fixed; right: 24px; bottom: calc(var(--rdi-avisos-abajo) + 24px); z-index: 999990;
  width: min(380px, calc(100vw - 32px)); box-sizing: border-box;
  display: flex; gap: 14px; align-items: flex-start;
  background: #fff; border: 1.5px solid #FAC4D8; border-radius: 20px;
  box-shadow: 0 14px 44px rgba(58, 20, 36, .16), 0 2px 8px rgba(58, 20, 36, .06);
  padding: 18px 18px 16px;
  font-family: 'Natom Pro', 'Baloo 2', system-ui, -apple-system, 'Segoe UI', sans-serif; color: #3A3A3A;
  opacity: 0; transform: translateY(16px); transition: opacity .3s ease, transform .3s ease;
}
.rdi-avisos.es-visible { opacity: 1; transform: none; }
.rdi-avisos *, .rdi-avisos *::before, .rdi-avisos *::after { box-sizing: border-box; }

.rdi-avisos__ic { flex: 0 0 auto; width: 46px; height: 46px; border-radius: 50%; background: #FDF2F6; color: #E20857;
  display: flex; align-items: center; justify-content: center; }
.rdi-avisos__texto { flex: 1 1 auto; min-width: 0; }
.rdi-avisos .rdi-avisos__titulo { margin: 0 0 4px !important; padding: 0 22px 0 0; font-family: inherit; font-size: 16px; font-weight: 700; line-height: 1.3; color: #E20857; }
.rdi-avisos .rdi-avisos__bajada { margin: 0 0 14px !important; padding: 0; font-family: inherit; font-size: 14px; line-height: 1.45; color: #545454; }
.rdi-avisos__acciones { display: flex; align-items: center; gap: 6px 16px; flex-wrap: wrap; }

/* botones: sin los estilos generales de botón del tema */
.rdi-avisos button { font-family: inherit !important; text-transform: none !important; letter-spacing: normal !important; box-shadow: none !important; cursor: pointer; }
.rdi-avisos button.rdi-avisos__si { background: #E20857 !important; color: #fff !important; border: 0 !important; border-radius: 999px !important;
  padding: 10px 22px !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.2 !important; min-height: 42px; }
.rdi-avisos button.rdi-avisos__si:hover, .rdi-avisos button.rdi-avisos__si:focus-visible { background: #BE1856 !important; }
.rdi-avisos button.rdi-avisos__si:disabled { opacity: .75; cursor: progress; }
.rdi-avisos button.rdi-avisos__no { background: none !important; border: 0 !important; padding: 10px 4px !important; min-height: 42px;
  font-size: 14px !important; font-weight: 400 !important; color: #6B6B6B !important; text-decoration: underline; text-underline-offset: 3px; }
.rdi-avisos button.rdi-avisos__no:hover { color: #E20857 !important; }
.rdi-avisos button.rdi-avisos__cerrar { position: absolute; top: 8px; right: 8px; width: 34px; height: 34px; padding: 0 !important; border: 0 !important;
  background: none !important; color: #8A8A8A !important; border-radius: 50% !important; display: flex; align-items: center; justify-content: center; }
.rdi-avisos button.rdi-avisos__cerrar:hover { background: #FDF2F6 !important; color: #E20857 !important; }
.rdi-avisos :focus-visible { outline: 3px solid rgba(226, 8, 87, .35); outline-offset: 2px; }
.rdi-avisos--listo .rdi-avisos__acciones { display: none; }
.rdi-avisos--listo .rdi-avisos__bajada { margin-bottom: 0 !important; }

.qlwapp__container, #rincron-popup-btn { transition: opacity .25s ease; }
@media (max-width: 767px) {
  .rdi-avisos { left: 12px; right: 12px; width: auto; bottom: calc(var(--rdi-avisos-abajo) + 12px); padding: 16px 16px 14px; border-radius: 18px; gap: 12px; }
  /* mientras la invitación está a la vista, WhatsApp y el megáfono (que flotan en el mismo lugar) se esconden un momento */
  .rdi-avisos-abierta .qlwapp__container, .rdi-avisos-abierta #rincron-popup-btn { opacity: 0 !important; pointer-events: none !important; }
  .rdi-avisos__ic { width: 40px; height: 40px; }
  .rdi-avisos button.rdi-avisos__si { flex: 1 1 auto; }
}
@media (prefers-reduced-motion: reduce) {
  .rdi-avisos { transition: none; transform: none; }
}

/* lo que se oculta con el atributo hidden, oculto de verdad (los estilos de botón le ganaban) */
.rdi-avisos [hidden], .rdi-avisos-cuenta [hidden] { display: none !important; }

/* Mi cuenta › Mis datos */
.rdi-avisos-cuenta[hidden] { display: none !important; }
.rdi-avisos-cuenta__accion { margin: 14px 0 0; }