/* Catálogo / Roadmap de soluciones — V6
   Extiende el diseño V5 sin reemplazar la identidad visual existente. */
.solutions-page {
  --status-ready:#07876e;
  --status-ready-bg:#e5f8f1;
  --status-working:#7754b6;
  --status-working-bg:#f0eaff;
  --status-coming:#986511;
  --status-coming-bg:#fff4da;
}

.solutions-page [hidden] {display:none!important}

/* Progreso público: problemas resueltos, no recursos publicados */
.solutions-page .solution-progress {
  display:grid;gap:10px;max-width:760px;margin-top:26px;padding:17px 20px;
  border:1px solid #cfe5eb;border-radius:16px;background:rgba(255,255,255,.82);
  box-shadow:0 12px 28px rgba(16,61,109,.07);backdrop-filter:blur(8px)
}
.solutions-page .solution-progress-copy {display:flex;align-items:center;gap:11px;color:var(--navy);font-size:.82rem}
.solutions-page .progress-icon {display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border-radius:50%;background:linear-gradient(135deg,#16a9bb,#6f63c2);color:#fff;font-weight:900}
.solutions-page .progress-track {height:7px;overflow:hidden;border-radius:999px;background:#e8eef4}
.solutions-page .progress-track span {display:block;height:100%;min-width:18px;border-radius:inherit;background:linear-gradient(90deg,#16a9bb,#3478d4,#7959c0,#d96b9f);transition:width .4s ease}

/* Buscador útil: acentos, sinónimos y campos ampliados se procesan en library-v6.js */
.solutions-page .smart-search {margin:2px 0 22px;padding:18px;border:1px solid #d8e5ee;border-radius:17px;background:linear-gradient(135deg,#fbfdff,#f8fbff 55%,#fbf7ff)}
.solutions-page .smart-search>label {display:block;margin:0 0 9px;color:var(--navy);font-size:.76rem;font-weight:850}
.solutions-page .smart-search-row {display:flex;align-items:center;gap:12px;min-height:55px;padding:0 15px;border:1px solid #bfd5e2;border-radius:14px;background:#fff;box-shadow:0 7px 18px rgba(11,59,109,.05)}
.solutions-page .smart-search-row:focus-within {border-color:var(--teal);box-shadow:0 0 0 4px rgba(6,167,184,.11),0 10px 24px rgba(11,59,109,.07)}
.solutions-page .smart-search-row svg {width:24px;flex:0 0 24px;color:var(--teal)}
.solutions-page .smart-search-row input {width:100%;min-width:0;border:0;outline:0;padding:14px 0;background:transparent;color:var(--ink);font-size:.88rem}
.solutions-page .smart-search-row input::placeholder {color:#91a1b2}
.solutions-page .search-clear {display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border:0;border-radius:50%;background:#edf3f7;color:#536c84;font-size:1.35rem;line-height:1;cursor:pointer}
.solutions-page .search-clear:hover {background:#e5eef4;color:var(--navy)}
.solutions-page .search-help {margin:8px 0 0;color:#75899d;font-size:.66rem}

/* Las seis categorías oficiales + Todos */
.solutions-page .category-chips {grid-template-columns:repeat(4,minmax(0,1fr))}
.solutions-page .category-filter:nth-child(1){background:var(--pastel-cyan)}
.solutions-page .category-filter:nth-child(2){background:var(--pastel-blue)}
.solutions-page .category-filter:nth-child(3){background:var(--pastel-purple)}
.solutions-page .category-filter:nth-child(4){background:var(--pastel-peach)}
.solutions-page .category-filter:nth-child(5){background:#edf3ff}
.solutions-page .category-filter:nth-child(6){background:var(--pastel-yellow)}
.solutions-page .category-filter:nth-child(7){background:var(--pastel-pink)}
.solutions-page .secondary-filters {grid-template-columns:repeat(3,minmax(0,230px)) auto}

/* Tarjeta pública */
.solutions-page .solution-card {overflow:hidden;min-width:0}
.solutions-page .solution-card-coming-soon {background:linear-gradient(180deg,#fff,#fffdf9)}
.solutions-page .solution-card-in-production {background:linear-gradient(180deg,#fff,#fcfaff)}
.solutions-page .solution-thumb {position:relative;cursor:default}
.solutions-page a.solution-thumb {cursor:pointer}
.solutions-page .solution-thumb::after {content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,rgba(3,28,61,.28));pointer-events:none}
.solutions-page .solution-thumb img {object-fit:cover}
.solutions-page .solution-status {position:absolute;z-index:4;left:12px;top:12px;display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;box-shadow:0 6px 15px rgba(0,0,0,.13);font-size:.64rem;font-weight:850}
.solutions-page .solution-status.status-published {background:var(--status-ready-bg);color:var(--status-ready)}
.solutions-page .solution-status.status-in-production {background:var(--status-working-bg);color:var(--status-working)}
.solutions-page .solution-status.status-coming-soon {background:var(--status-coming-bg);color:var(--status-coming)}
.solutions-page .duration-badge {z-index:4}
.solutions-page .thumb-action {position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:58px;height:58px;border-radius:50%;color:#fff;font-size:1.25rem;font-weight:900;box-shadow:0 12px 28px rgba(4,30,65,.22)}
.solutions-page .thumb-action-published {background:rgba(6,167,184,.96);padding-left:3px}
.solutions-page .thumb-action-in-production {background:rgba(119,84,182,.92)}
.solutions-page .thumb-action-coming-soon {background:rgba(10,55,111,.78)}
.solutions-page .solution-card-body {padding:22px 21px 20px}
.solutions-page .solution-meta {align-items:flex-start;margin-bottom:13px}
.solutions-page .template-indicator.video-only {background:#edf4fa;color:#5d7388}
.solutions-page .solution-card h3 {min-height:3.05em;font-size:1.14rem;line-height:1.34}
.solutions-page .solution-subtitle {min-height:4.7em;margin:0 0 15px;color:#63788d;font-size:.76rem;line-height:1.58}
.solutions-page .solution-benefit {display:grid;grid-template-columns:24px 1fr;gap:9px;align-items:start;margin:0 0 18px;padding:12px;border-radius:12px;background:#f7fafc}
.solutions-page .solution-benefit>span {display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#e4f8f4;color:#07876e;font-size:.68rem;font-weight:900}
.solutions-page .solution-benefit p {margin:0;color:#526a81;font-size:.69rem;line-height:1.5}
.solutions-page .solution-benefit strong {color:var(--navy)}
.solutions-page .solution-card-actions {display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:auto}
.solutions-page .solution-card-actions .btn {width:100%;min-height:43px;padding:10px 10px;font-size:.68rem;white-space:normal;text-align:center}
.solutions-page .card-cta-secondary {border-color:#cbd9e7;background:#fff;color:var(--navy)}
.solutions-page .card-cta-secondary:hover {border-color:var(--teal);background:#f2fbfc;color:var(--teal-dark)}
.solutions-page .solution-card-in-production .card-cta-primary {background:linear-gradient(135deg,#7255b9,#9b67c8)}
.solutions-page .solution-card-coming-soon .card-cta-primary {background:linear-gradient(135deg,#0a376f,#246ba6)}
.solutions-page .library-empty .btn {margin-top:12px}

/* Acentos exactos de las seis categorías */
.solutions-page .solution-card.category-productividad::before{background:linear-gradient(90deg,#f09a63,#f2c35e)}
.solutions-page .solution-card.category-digitalizacion::before{background:linear-gradient(90deg,#3478d4,#7959c0)}
.solutions-page .solution-card.category-indicadores::before{background:linear-gradient(90deg,#d9a323,#f0cf72)}
.solutions-page .solution-card.category-experiencia-del-paciente::before{background:linear-gradient(90deg,#bd75d5,#e889b6)}

/* Modal para registrar interés */
.solutions-page .interest-dialog .dialog-inner {border-top:6px solid #7959c0}
.solutions-page .interest-dialog .dialog-header {padding-right:25px}

/* Roadmap de desarrollo */
.solutions-page.roadmap-mode {background:#f6f9fc}
.solutions-page.roadmap-mode .site-footer {margin-top:0}
.solutions-page .roadmap-view {padding:135px 0 90px;background:radial-gradient(circle at 88% 3%,rgba(199,172,255,.25),transparent 22%),radial-gradient(circle at 7% 38%,rgba(72,205,176,.14),transparent 18%),#f7fafd}
.solutions-page .roadmap-header {display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin:25px 0 30px}
.solutions-page .roadmap-header h1 {max-width:900px;margin:13px 0 10px;font-size:clamp(2.3rem,4vw,4rem)}
.solutions-page .roadmap-header p {max-width:760px;margin:0}
.solutions-page .roadmap-actions {display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}
.solutions-page .roadmap-kpis {display:grid;grid-template-columns:repeat(5,1fr);gap:13px;margin-bottom:22px}
.solutions-page .roadmap-kpis article {padding:19px;border:1px solid #d7e3ec;border-radius:17px;background:#fff;box-shadow:0 9px 24px rgba(11,56,103,.055)}
.solutions-page .roadmap-kpis span,.solutions-page .roadmap-kpis small {display:block;color:#71869b;font-size:.65rem}
.solutions-page .roadmap-kpis strong {display:block;margin:3px 0;color:var(--navy);font-size:2rem}
.solutions-page .roadmap-toolbar {display:flex;align-items:end;justify-content:space-between;gap:20px;margin:0 0 14px;padding:15px 17px;border:1px solid #d7e3ec;border-radius:14px;background:#fff}
.solutions-page .roadmap-toolbar .filter-field {min-width:250px}
.solutions-page .roadmap-toolbar p {margin:0;color:#71869b;font-size:.7rem}
.solutions-page .roadmap-toolbar code {padding:3px 6px;border-radius:6px;background:#eef3f7;color:var(--navy)}
.solutions-page .roadmap-table-wrap {overflow:auto;border:1px solid #d5e2eb;border-radius:18px;background:#fff;box-shadow:0 14px 35px rgba(11,56,103,.07)}
.solutions-page .roadmap-table {width:100%;min-width:1320px;border-collapse:separate;border-spacing:0;font-size:.69rem}
.solutions-page .roadmap-table th {position:sticky;top:0;z-index:2;padding:13px 12px;background:#0a376f;color:#fff;text-align:left;white-space:nowrap}
.solutions-page .roadmap-table td {padding:13px 12px;border-bottom:1px solid #e6edf2;vertical-align:top;color:#526a80}
.solutions-page .roadmap-table tbody tr:hover td {background:#f8fbfd}
.solutions-page .roadmap-table td:first-child {min-width:295px}
.solutions-page .roadmap-table td:first-child strong {display:block;color:var(--navy);font-size:.74rem;line-height:1.4}
.solutions-page .roadmap-table td:first-child small {display:block;margin-top:4px;color:#7a8da0;line-height:1.45}
.solutions-page .roadmap-codes {min-width:170px}
.solutions-page .roadmap-codes span {display:inline-block;margin:0 4px 4px 0;padding:4px 6px;border-radius:6px;background:#edf3f8;color:#284d76;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.61rem;font-weight:700}
.solutions-page .roadmap-pill {display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;font-size:.61rem;font-weight:800;white-space:nowrap}
.solutions-page .roadmap-ready {background:#e5f8f1;color:#07876e}
.solutions-page .roadmap-working {background:#f0eaff;color:#7255b9}
.solutions-page .roadmap-pending {background:#fff4da;color:#986511}
.solutions-page .roadmap-muted {background:#edf1f4;color:#708092}
.solutions-page .roadmap-security-note {margin:16px 0 0;padding:13px 15px;border-left:4px solid #d9a323;border-radius:9px;background:#fff9e9;color:#6c5d38;font-size:.69rem}

@media(max-width:1080px){
  .solutions-page .category-chips{grid-template-columns:repeat(3,minmax(0,1fr))}
  .solutions-page .secondary-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.solutions-page .filter-clear{grid-column:1/-1;width:100%}
  .solutions-page .roadmap-kpis{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:840px){
  .solutions-page .solution-progress{max-width:100%}
  .solutions-page .category-chips{grid-template-columns:repeat(2,minmax(0,1fr))}
  .solutions-page .roadmap-header{align-items:flex-start;flex-direction:column}.solutions-page .roadmap-actions{justify-content:flex-start}
  .solutions-page .roadmap-kpis{grid-template-columns:repeat(2,1fr)}
  .solutions-page .roadmap-toolbar{align-items:flex-start;flex-direction:column}.solutions-page .roadmap-toolbar .filter-field{width:100%;min-width:0}
}
@media(max-width:580px){
  .solutions-page .solution-progress-copy{align-items:flex-start}.solutions-page .solution-progress-copy strong{line-height:1.5}
  .solutions-page .smart-search{padding:14px}.solutions-page .smart-search-row{padding:0 12px}.solutions-page .smart-search-row input{font-size:.78rem}
  .solutions-page .category-chips,.solutions-page .secondary-filters{grid-template-columns:1fr}
  .solutions-page .filter-clear{grid-column:auto}
  .solutions-page .solution-card h3,.solutions-page .solution-subtitle{min-height:0}
  .solutions-page .solution-card-actions{grid-template-columns:1fr}
  .solutions-page .roadmap-view{padding-top:115px}.solutions-page .roadmap-kpis{grid-template-columns:1fr 1fr}.solutions-page .roadmap-kpis article:last-child{grid-column:1/-1}
}