/**
 * MP Observatorio 1.1.16
 * Estilos exclusivamente específicos de Observatorio.
 * Los componentes visuales comunes residen en MP Estilos >= 0.6.0.
 */
.mpo-observatorio{
  --mpo-blue:#000fff;
  --mpo-link:#007bff;
  --mpo-ink:#151b24;
  --mpo-sub:#66717d;
  box-sizing:border-box;
  width:100%;
  max-width:1180px;
  margin:0 auto;
  padding:12px 8px 54px;
  color:var(--mpo-ink)
}
.mpo-observatorio *,.mpo-observatorio *::before,.mpo-observatorio *::after{box-sizing:inherit}
.mpo-observatorio .screen-reader-text{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* Tarjeta completa del Observatorio integrada en su publicación de origen. */
.mpo-publication-observatory{
  --mpo-blue:#000fff;
  --mpo-link:#007bff;
  --mpo-ink:#151b24;
  --mpo-sub:#66717d;
  box-sizing:border-box;
  width:100%;
  margin:26px 0 30px;
}
.mpo-publication-observatory *,.mpo-publication-observatory *::before,.mpo-publication-observatory *::after{box-sizing:inherit}
.mpo-publication-observatory__title{margin:0 0 16px!important;color:#fff!important;font-size:clamp(1.35rem,3vw,1.7rem)!important;line-height:1.2!important;text-align:center!important;text-shadow:0 0 .5em rgba(255,255,255,.92)}
.mpo-publication-observatory .mpo-card{margin:0}
.mpo-ai-disclosure{margin:0!important;padding:13px 16px!important;border-top:1px solid #e2e8f0;background:#f8fafc;color:#5f6b78!important;text-align:center!important;font-size:13px!important;line-height:1.45!important;font-weight:600!important}

/* MP Menú abre el portal de filtros; el lanzador local se conserva por compatibilidad pero no se muestra. */
.mpo-filter-launch{display:none!important}
html.mpo-filter-lock,body.mpo-filter-lock{overflow:hidden!important}
body.mpo-filter-lock{touch-action:none}

/* Icono de búsqueda y comportamiento del combobox son propios del marcado/JS del Observatorio. */
.mpo-search-field::after{content:'';position:absolute;right:13px;top:50%;transform:translateY(-50%);width:18px;height:18px;opacity:.55;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E") no-repeat center/18px 18px;pointer-events:none}
.mpo-filter-modal .mpo-combo-input[readonly]{cursor:pointer!important;caret-color:transparent!important}
.mpo-filter-modal .mpo-combo.is-open .mpo-combo-input{border-color:#9ebcff!important;box-shadow:0 2px 10px rgba(107,114,128,.14),0 0 0 1px rgba(0,15,255,.10)!important}
.mpo-filter-actions{display:none!important}

/* Los nombres históricos siguen siendo los que manipula frontend.js. */
.mpo-accordion-panel[hidden],.mpo-card-filters[hidden],.mpo-load-more[hidden],.mpo-loading[hidden],.mpo-empty[hidden]{display:none!important}
.mpo-sentinel{height:2px}
.mpo-source-details-toggle,.mpo-expand,.mpo-deep-text{display:none!important}
.mpo-close-label,.mpo-expand-close{display:none}
.mpo-source-details-toggle[aria-expanded="true"] .mpo-open-label,.mpo-expand[aria-expanded="true"] .mpo-expand-open{display:none}
.mpo-source-details-toggle[aria-expanded="true"] .mpo-close-label,.mpo-expand[aria-expanded="true"] .mpo-expand-close{display:inline}

/* Aspectos: contenido heredado que todavía puede existir en tarjetas antiguas. */
.mpo-source-aspects{margin-top:18px;padding-top:17px;border-top:1px solid rgba(0,0,0,.10)}
.mpo-source-aspects[hidden]{display:none}
.mpo-source-aspects .mpo-aspect{padding:0 0 15px;margin:0 0 15px;border-bottom:1px solid rgba(15,23,42,.08)}
.mpo-source-aspects .mpo-aspect:last-child{padding-bottom:0;margin-bottom:0;border-bottom:0}
.mpo-source-aspects .mpo-aspect h5{margin:0 0 6px!important;font-size:16px!important;color:#27313b!important}
.mpo-source-aspects .mpo-aspect p{margin:0!important;font-size:15.5px!important;line-height:1.65!important;color:#303943!important;text-align:justify!important;text-justify:inter-word;hyphens:auto;-webkit-hyphens:auto}

/* El chip activo y su estado los decide frontend.js. */
.mpo-filter-chip:hover,.mpo-filter-chip:focus-visible{background:#ffdf3d!important;color:var(--mpo-blue)!important;outline:none!important}
.mpo-tax-chip.is-active:hover,.mpo-tax-chip.is-active:focus-visible{background:#ffdf3d!important;outline:none!important}

/* Filtro administrativo: solo existe para administradores. */
.mpo-admin-unshared-filter{display:flex;align-items:center;gap:9px;width:100%;min-height:46px;padding:10px 13px;border:1px solid #d8dde2;border-radius:10px;background:#fff;color:#1f2937;font-size:14px;font-weight:700;cursor:pointer}
.mpo-admin-unshared-filter input{width:18px;height:18px;margin:0;accent-color:var(--mpo-blue,#000fff)}

/* Vídeo social del Observatorio: flujo exclusivo de administradores. */
body.mpo-social-lock{overflow:hidden!important}
.mpo-social-overlay{position:fixed;inset:0;z-index:100120;background:rgba(0,0,0,.62);display:flex;align-items:center;justify-content:center;padding:18px}
.mpo-social-overlay[hidden]{display:none}
.mpo-social-modal{width:min(570px,96vw);max-height:calc(100vh - 36px);overflow:auto;background:#fff;color:#20262d;border-radius:14px;padding:24px;box-shadow:0 0 24px rgba(0,0,0,.65)}
.mpo-social-modal h2{margin:0 48px 8px 0!important;font-size:22px!important;line-height:1.25!important;color:#1f2933!important}
.mpo-social-message{margin:0 0 18px!important;color:#5b6570!important;line-height:1.5!important}
.mpo-social-stages{display:grid;gap:9px}
.mpo-social-stage{display:flex;align-items:center;gap:10px;min-height:42px;border:1px solid #dfe4e9;border-radius:10px;padding:9px 12px;background:#f8fafb;color:#68737e}
.mpo-social-stage-icon{width:22px;flex:0 0 22px;text-align:center;font-weight:900}
.mpo-social-stage.is-working{border-color:#abc3ff;background:#f2f6ff;color:#1539a0}
.mpo-social-stage.is-done{border-color:#a9d7bd;background:#f2fbf6;color:#17633a}
.mpo-social-stage.is-warning{border-color:#ead08c;background:#fffaf0;color:#765410}
.mpo-social-stage-text{font-weight:700;font-size:14px}
.mpo-social-modal-actions{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:9px;margin-top:20px}
.mpo-social-cancel,.mpo-social-close,.mpo-social-download{min-height:42px;border-radius:9px;padding:9px 15px;font-weight:800;text-decoration:none!important;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.mpo-social-cancel,.mpo-social-close{border:1px solid #b9c0c7;background:#fff;color:#27313a}
.mpo-social-download{border:1px solid var(--mpo-blue);background:var(--mpo-blue);color:#fff!important}

@media(max-width:700px){
  .mpo-observatorio{padding-left:4px;padding-right:4px}
}
@media(max-width:640px){
  .mpo-source-aspects .mpo-aspect p{font-size:15.5px!important}
  .mpo-social-modal{padding:20px}
  .mpo-social-modal-actions>*{flex:1 1 auto}
}
@media(max-width:700px){
  .mpo-filter-modal{top:68px}
  .mpo-card{border-radius:16px}
}