/* listing-extra.css — Sección "Sobre este profesional": por qué elegirnos, especialidades (chips) y FAQ (acordeón). */

.uv-extra{margin:20px 0;display:flex;flex-direction:column;gap:20px;}

/* "Por qué elegirnos" (destacado) */
.uv-why{display:flex;align-items:flex-start;gap:12px;background:linear-gradient(180deg,#EFF6FF,#F8FBFF);
  border:1px solid #DBE7FB;border-left:4px solid #2563EB;border-radius:14px;padding:16px 18px;
  font:700 16px/1.5 Inter,sans-serif;color:#1E3A8A;}
.uv-why i{color:#2563EB;font-size:20px;margin-top:2px;}

.uv-extra-block{background:#fff;border:1px solid #E9EEF5;border-radius:16px;padding:20px 22px;box-shadow:0 4px 18px rgba(15,23,42,.05);}
.uv-extra-title{font:800 17px/1 Montserrat,sans-serif;color:#0F172A;margin:0 0 14px;display:flex;align-items:center;gap:8px;}
.uv-extra-title i{color:#2563EB;}

/* Especialidades (chips) */
.uv-spec-chips{display:flex;flex-wrap:wrap;gap:8px;}
.uv-spec-chip{display:inline-flex;align-items:center;background:#EFF6FF;color:#1E3A8A;border:1px solid #BFD3F5;
  border-radius:999px;padding:7px 14px;font:600 13.5px Inter,sans-serif;}

/* Editor de etiquetas del formulario (especialidades que escribe el anunciante) */
.uv-tags-box{display:flex;flex-wrap:wrap;gap:8px;align-items:center;border:1px solid #CBD5E1;border-radius:12px;
  padding:8px 10px;background:#fff;min-height:46px;cursor:text;}
.uv-tags-box:focus-within{border-color:#2563EB;box-shadow:0 0 0 3px rgba(37,99,235,.15);}
.uv-tag{display:inline-flex;align-items:center;gap:8px;background:#EFF6FF;color:#1E3A8A;border:1px solid #BFD3F5;
  border-radius:999px;padding:5px 12px;font:600 13.5px Inter,sans-serif;}
.uv-tag b{cursor:pointer;color:#2563EB;font-weight:800;}
.uv-tag b:hover{color:#DC2626;}
.uv-tags-entry{flex:1;min-width:160px;border:0!important;outline:none!important;box-shadow:none!important;padding:6px 4px!important;
  font:500 15px Inter,sans-serif;background:transparent!important;}

/* FAQ (acordeón) */
.uv-faq{display:flex;flex-direction:column;gap:8px;}
.uv-faq-item{border:1px solid #E9EEF5;border-radius:12px;overflow:hidden;}
.uv-faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#F8FAFC;border:0;
  padding:14px 16px;text-align:left;cursor:pointer;font:700 15px/1.3 Inter,sans-serif;color:#0F172A;}
.uv-faq-q:hover{background:#EFF6FF;color:#1E3A8A;}
.uv-faq-q i{color:#2563EB;transition:transform .2s;flex:0 0 auto;}
.uv-faq-item.open .uv-faq-q i{transform:rotate(180deg);}
.uv-faq-a{max-height:0;overflow:hidden;transition:max-height .25s ease,padding .25s ease;padding:0 16px;
  font:500 15px/1.6 Inter,sans-serif;color:#475569;}
.uv-faq-item.open .uv-faq-a{max-height:600px;padding:14px 16px;}