/* ===== AFINOM – Estilo del buscador (plugin) ===== */
:root{
  --afinom-primary:#002357;      /* principal */
  --afinom-dark:#010619;         /* oscuro */
  --afinom-cta:#5aa5dc;          /* call to action */
  --afinom-border:#cfd6e3;
  --afinom-bg:#ffffff;
  --afinom-bg-soft:#f5f7fb;
  --afinom-text:#0f172a;
  --afinom-muted:#5b6a81;
}

/* reset local para evitar choques del tema */
.afinom-ai *, .afinom-ai *::before, .afinom-ai *::after{box-sizing:border-box}
.afinom-ai input, .afinom-ai select, .afinom-ai button{
  appearance:none; -webkit-appearance:none; -moz-appearance:none;
  font:inherit; color:inherit; background:transparent; border:none; outline:none;
}

/* contenedor */
.afinom-ai{
  border:1px solid #e6ebf4; background:var(--afinom-bg);
  padding:16px; border-radius:16px; color:var(--afinom-text);
  box-shadow:0 2px 10px rgba(1,6,25,0.04);
}

/* título local del widget */
.afinom-ai__title{margin:0 0 12px 0; font-weight:800; color:var(--afinom-dark)}

/* barra */
.afinom-ai__bar{
  display:grid; grid-template-columns:1fr 180px 120px; gap:10px; align-items:center;
  background:#fff; border:1px solid var(--afinom-border); border-radius:14px; padding:12px;
}
.afinom-label{grid-column:1/-1; font-size:13px; color:#475569; margin-bottom:4px}

/* input */
#afinom-q{
  width:100%; min-height:44px; padding:10px 12px; border:1px solid var(--afinom-border);
  border-radius:10px; background:#fff;
}
#afinom-q::placeholder{color:#97a3b6}
#afinom-q:focus{border-color:var(--afinom-cta); box-shadow:0 0 0 3px rgba(90,165,220,.25)}

/* select */
#afinom-mode{
  height:44px; padding:0 36px 0 12px; border:1px solid var(--afinom-border);
  border-radius:10px; background:var(--afinom-bg-soft); color:var(--afinom-dark);
  background-image:
    linear-gradient(45deg, transparent 50%, var(--afinom-muted) 50%),
    linear-gradient(135deg, var(--afinom-muted) 50%, transparent 50%),
    linear-gradient(to right, transparent, transparent);
  background-position: right 12px top 18px, right 6px top 18px, 0 0;
  background-size: 6px 6px, 6px 6px, 100% 100%;
  background-repeat:no-repeat;
}

/* botón */
#afinom-go{
  height:44px; padding:0 18px; border-radius:10px;
  background:var(--afinom-primary); color:#fff; font-weight:700; cursor:pointer !important;
  border:1px solid var(--afinom-primary);
}
#afinom-go:hover{background:#001b45; border-color:#001b45}
#afinom-go[disabled]{opacity:.6; cursor:not-allowed !important}

/* resultados */
.afinom-card{
  border:1px solid #ecf0f6; border-radius:12px; padding:12px; margin-top:10px; background:#fff;
}
.afinom-title{font-weight:700; margin-bottom:4px; color:var(--afinom-dark)}
.afinom-page{font-size:12px; color:var(--afinom-muted); margin-left:6px}
.afinom-snippet{line-height:1.5}

/* botón abrir PDF */
.afinom-actions{margin-top:8px}
.afinom-open{
  display:inline-block; padding:10px 14px; border-radius:10px; text-decoration:none; font-weight:700;
  border:1px solid var(--afinom-cta); color:#fff; background:var(--afinom-cta);
}
.afinom-open:hover{filter:brightness(0.95)}

/* respuesta RAG */
.afinom-answer{
  background:var(--afinom-bg-soft); padding:12px; border-radius:12px; margin-top:10px;
  border:1px solid #ecf0f6;
}

/* paginación */
.afinom-pager{display:flex;gap:10px;align-items:center;margin-top:12px}
.afinom-pager button{
  padding:8px 12px;border-radius:8px;border:1px solid #cfd6e3;background:#f5f7fb;cursor:pointer
}
.afinom-pager button:focus-visible{outline:3px solid rgba(90,165,220,.35)}
.afinom-pager button[disabled]{opacity:.5;cursor:not-allowed}

/* responsive */
@media (max-width:860px){
  .afinom-ai__bar{grid-template-columns:1fr; gap:8px}
  #afinom-mode,#afinom-go{width:100%}
}

/* ===== Cabecera de la página (h1/h2) con tus colores ===== */
.entry-content h1, .wp-block-post-title, .wp-block-heading h1,
.entry-content h2, .wp-block-heading h2 {
  color:#002357;  /* h1 */
}
.entry-content h2, .wp-block-heading h2 {
  color:#010619;  /* h2 */
  font-weight:800;
}
