/* Modal de confirmación para borrar comentarios del muro.
   Carga independiente para no afectar Bootstrap ni el resto del sitio. */
.prode-delete-modal-backdrop{
  position:fixed !important;
  inset:0 !important;
  z-index:9000 !important;
  display:none;
  align-items:center !important;
  justify-content:center !important;
  padding:18px !important;
  background:rgba(2,6,23,.72) !important;
  backdrop-filter:blur(5px);
  -webkit-backdrop-filter:blur(5px);
}
.prode-delete-modal-backdrop.is-open{
  display:flex !important;
}
.prode-delete-modal{
  width:min(420px,100%) !important;
  max-width:420px !important;
  background:#0b1220 !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.16) !important;
  border-radius:20px !important;
  box-shadow:0 24px 80px rgba(0,0,0,.55) !important;
  overflow:hidden !important;
  transform:translateZ(0);
}
.prode-delete-modal__body{
  padding:20px 20px 14px !important;
}
.prode-delete-modal__icon{
  width:42px !important;
  height:42px !important;
  border-radius:999px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:rgba(239,68,68,.16) !important;
  border:1px solid rgba(239,68,68,.34) !important;
  margin-bottom:12px !important;
  font-size:20px !important;
}
.prode-delete-modal__title{
  font-size:1.05rem !important;
  font-weight:900 !important;
  line-height:1.25 !important;
  margin:0 0 8px !important;
}
.prode-delete-modal__text{
  color:rgba(255,255,255,.72) !important;
  font-size:.92rem !important;
  line-height:1.45 !important;
  margin:0 !important;
}
.prode-delete-modal__actions{
  display:flex !important;
  gap:10px !important;
  justify-content:flex-end !important;
  padding:14px 20px 20px !important;
  background:rgba(255,255,255,.035) !important;
  border-top:1px solid rgba(255,255,255,.08) !important;
}
.prode-delete-modal__btn{
  appearance:none !important;
  -webkit-appearance:none !important;
  border:1px solid rgba(255,255,255,.16) !important;
  border-radius:999px !important;
  padding:9px 15px !important;
  font-size:.88rem !important;
  font-weight:800 !important;
  line-height:1.2 !important;
  cursor:pointer !important;
  min-width:104px !important;
}
.prode-delete-modal__btn--cancel{
  background:rgba(255,255,255,.08) !important;
  color:#fff !important;
}
.prode-delete-modal__btn--cancel:hover{
  background:rgba(255,255,255,.14) !important;
}
.prode-delete-modal__btn--danger{
  background:#ef4444 !important;
  color:#fff !important;
  border-color:#ef4444 !important;
}
.prode-delete-modal__btn--danger:hover{
  background:#dc2626 !important;
  border-color:#dc2626 !important;
}
body.prode-delete-modal-open{
  overflow:hidden !important;
}
@media (max-width:420px){
  .prode-delete-modal-backdrop{padding:12px !important;align-items:flex-end !important;}
  .prode-delete-modal{border-radius:20px 20px 16px 16px !important;}
  .prode-delete-modal__actions{flex-direction:column-reverse !important;}
  .prode-delete-modal__btn{width:100% !important;min-width:0 !important;padding:12px 15px !important;}
}