/* SUNOTI – Sugerencias (Front) */

.sunoti-suggest-modal{
  position:fixed;
  inset:0;
  display:none;
  align-items:center;
  justify-content:center;
  background:rgba(0,0,0,.5);
  z-index:99999
}
.sunoti-suggest-modal.open{display:flex}

.sunoti-suggest-box{
  width:min(680px,92vw);
  background:#111;
  color:#eee;
  border-radius:16px;
  box-shadow:0 10px 40px rgba(0,0,0,.6);
  overflow:hidden;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial
}

.sunoti-suggest-head{
  padding:14px 18px;
  border-bottom:1px solid #2a2a2a;
  display:flex;
  align-items:center;
  justify-content:space-between
}
.sunoti-suggest-title{margin:0;font-size:18px}

.sunoti-suggest-close{
  background:none;
  border:0;
  color:#aaa;
  font-size:22px;
  line-height:1;
  cursor:pointer;
  padding:6px 10px;
  border-radius:10px
}
.sunoti-suggest-close:hover{background:#1c1c1c;color:#fff}

.sunoti-suggest-body{
  padding:18px;
  display:grid;
  gap:12px
}
.sunoti-suggest-body label{font-size:13px;color:#bbb}

.sunoti-suggest-body input[type='text'],
.sunoti-suggest-body input[type='email'],
.sunoti-suggest-body textarea{
  width:100%;
  padding:10px 12px;
  border:1px solid #2a2a2a;
  border-radius:10px;
  background:#0b0b0b;
  color:#eaeaea
}

.sunoti-suggest-body textarea{min-height:140px;resize:vertical}

.sunoti-suggest-actions{
  padding:16px 18px;
  border-top:1px solid #2a2a2a;
  display:flex;
  gap:10px;
  justify-content:flex-end
}

.sunoti-suggest-btn{
  appearance:none;
  border:0;
  border-radius:10px;
  padding:10px 14px;
  cursor:pointer
}
.sunoti-suggest-btn.primary{background:#0ea5e9;color:white}
.sunoti-suggest-btn.secondary{background:#2a2a2a;color:#eaeaea}
.sunoti-suggest-btn:disabled{opacity:.6;cursor:not-allowed}

.sunoti-hidden{display:none !important}
.sunoti-error{color:#ff6b6b;font-size:13px}
.sunoti-success{color:#86efac;font-size:13px}

.sunoti-honey{
  position:absolute;
  left:-9999px;
  top:auto;
  width:1px;
  height:1px;
  overflow:hidden
}

/* Chip editar */
.sunoti-edit-chip{
  display:inline-block;
  margin-left:.5em;
  width:18px;
  height:18px;
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center;
  vertical-align:middle;
  cursor:pointer;
  text-indent:-9999px;
  overflow:hidden;
  border-radius:2px;
  opacity:.9
}
.sunoti-edit-chip:hover{opacity:1}
.sunoti-edit-chip:focus{outline:2px solid #0ea5e9;outline-offset:2px}

/* Asegura “contexto” aunque el theme tenga reglas raras */
.entry-content h2,
.entry-content h3,
.wp-block-post-content h2,
.wp-block-post-content h3{
  position:relative
}