/* Discover 0.18.0 · vistas visuales reutilizables */
.discover-block{
  position:relative;
  min-width:0;
  overflow:hidden;
  border:1px solid var(--discover-border);
  border-radius:var(--discover-radius);
  background:var(--discover-surface);
  box-shadow:var(--discover-shadow-sm);
}
.discover-block:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:#aeb9c9}
.discover-block-cards:before{background:var(--discover-accent)}
.discover-block-chips:before{background:var(--discover-secondary)}
.discover-block-list:before{background:#16819b}
.discover-block-inputs:before{background:var(--discover-success)}
.discover-block-accordion:before{background:#65748b}
.discover-block-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 16px 12px;border-bottom:1px solid var(--discover-border);background:linear-gradient(180deg,#fff,#fbfcfe)}
.discover-block-title{min-width:0}
.discover-block-head h3{margin:0;color:var(--discover-text);font-size:17px;font-weight:850;line-height:1.25}
.discover-block-head p{margin:4px 0 0;color:var(--discover-muted);font-size:12px}
.discover-block-help{margin:0;padding:10px 16px 0;color:#58677c;font-size:12px}
.discover-block-body{padding:14px 16px 16px}
.discover-block.is-collapsed .discover-block-body,.discover-block.is-collapsed .discover-block-help{display:none}
.discover-block-toggle{min-height:32px;padding:6px 10px;font-size:11px}
.discover-collection-tools{display:flex;align-items:center;gap:9px;margin-bottom:12px}
.discover-list-search-wrap{display:block;min-width:0;flex:1}
.discover-collection-search,.discover-input-field{width:100%;min-width:0;min-height:42px;border:1px solid var(--discover-border);border-radius:12px;background:#fff;color:var(--discover-text);padding:9px 12px;font-size:14px}
.discover-collection-search::placeholder,.discover-input-field::placeholder{color:#8a96a8}
.discover-block:not(.is-expanded):not(.is-filtering) .discover-is-extra{display:none!important}
.discover-filter-hidden{display:none!important}
.discover-list-empty{margin:12px 0 0;padding:12px;border-radius:12px;background:var(--discover-surface-soft);color:var(--discover-muted);font-size:13px;text-align:center}

.dv-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,190px),1fr));gap:10px}
.dv-card{
  appearance:none;
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) 24px;
  gap:5px 10px;
  align-items:center;
  min-height:92px;
  width:100%;
  padding:14px;
  border:1px solid var(--discover-border);
  border-radius:14px;
  background:#fff;
  color:var(--discover-text);
  text-align:left;
  cursor:pointer;
  transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease,transform .16s ease;
}
.dv-card:hover{transform:translateY(-1px);border-color:#9dbce5;background:#f8fbff;box-shadow:0 8px 20px rgba(25,42,70,.08)}
.dv-card small{grid-column:1/-1;color:#6c7890;font-size:10px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}
.dv-card strong{grid-column:1;font-size:14px;line-height:1.25}
.dv-card span{grid-column:1/-1;display:-webkit-box;overflow:hidden;color:#59677b;font-size:12px;line-height:1.38;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.dv-card i,.dv-list-check{display:block;width:21px;height:21px;border:2px solid #c6d0dd;border-radius:50%;background:#fff}
.dv-card i{grid-column:2;grid-row:1 / span 3;justify-self:end}
.dv-card.is-selected,.dv-card[aria-pressed="true"]{border-color:var(--discover-accent);background:var(--discover-accent-soft);box-shadow:inset 0 0 0 1px var(--discover-accent)}
.dv-card.is-selected i,.dv-card[aria-pressed="true"] i,.dv-list-row.is-selected .dv-list-check,.dv-list-row[aria-pressed="true"] .dv-list-check{border-color:var(--discover-accent);background:radial-gradient(circle,#fff 0 31%,var(--discover-accent) 34% 100%)}

.dv-chip-row{display:flex;flex-wrap:wrap;gap:8px}
.dv-chip{appearance:none;max-width:100%;min-height:39px;padding:8px 12px;border:1px solid var(--discover-border);border-radius:999px;background:#fff;color:#38465b;font-size:13px;font-weight:800;line-height:1.2;white-space:normal;overflow-wrap:anywhere;cursor:pointer}
.dv-chip:hover{border-color:#b9a9e3;background:#faf8ff;color:#513791}
.dv-chip.is-selected,.dv-chip[aria-pressed="true"]{border-color:var(--discover-secondary);background:var(--discover-secondary);color:#fff}

.dv-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.dv-list-row{appearance:none;display:grid;grid-template-columns:minmax(0,1fr) 22px;align-items:center;gap:10px;min-height:64px;padding:11px 12px;border:1px solid var(--discover-border);border-radius:13px;background:#fff;color:var(--discover-text);text-align:left;cursor:pointer}
.dv-list-row:hover{border-color:#8dc4d0;background:#f4fbfc}
.dv-list-row.is-selected,.dv-list-row[aria-pressed="true"]{border-color:#16819b;background:#eef9fb;box-shadow:inset 0 0 0 1px #16819b}
.dv-list-main{min-width:0}.dv-list-title{display:block;font-size:13px;line-height:1.3}.dv-list-description{display:-webkit-box;overflow:hidden;margin-top:3px;color:#66748a;font-size:11px;line-height:1.35;-webkit-line-clamp:2;-webkit-box-orient:vertical}

.dv-accordion-list{display:grid;gap:8px}
.dv-acc{border:1px solid var(--discover-border);border-radius:13px;background:#fff;overflow:hidden}
.dv-acc summary{padding:12px 14px;cursor:pointer;color:#344054;font-size:13px;font-weight:850}
.dv-acc[open] summary{border-bottom:1px solid var(--discover-border);background:#fafbfd}
.dv-acc-content{padding:12px 14px}
.dv-acc-content>p{margin:0 0 10px;color:#59677b;font-size:13px}
.dv-acc-readable{display:grid;gap:7px;margin-bottom:10px}
.dv-acc-row{display:grid;grid-template-columns:minmax(100px,.7fr) minmax(0,1.3fr);gap:10px;padding:7px 0;border-bottom:1px solid #eef2f6;font-size:12px}
.dv-acc-row:last-child{border-bottom:0}.dv-acc-row strong{color:#536177}.dv-acc-row span{color:#29364a}
.dv-select-json.is-selected,.dv-select-json[aria-pressed="true"]{border-color:var(--discover-accent);background:var(--discover-accent-soft);color:var(--discover-accent-strong)}

.dv-input-card{padding:2px}
.dv-input-card select{appearance:auto}
.discover-block-inputs .discover-block-body{padding-top:16px}

@container(max-width:760px){
  .discover-collection-tools{align-items:stretch;flex-direction:column}
  .discover-more-toggle{width:100%}
  .dv-list{grid-template-columns:1fr}
}
@container(max-width:480px){
  .dv-card-grid{grid-template-columns:1fr}
  .dv-acc-row{grid-template-columns:1fr;gap:3px}
}