/* Catálogo de soluciones — rediseño visual V5 */
.solutions-page {
  --pastel-blue: #eaf3ff;
  --pastel-cyan: #e7f9fb;
  --pastel-purple: #f2edff;
  --pastel-pink: #fff0f6;
  --pastel-peach: #fff4ec;
  --pastel-mint: #eaf9f3;
  --pastel-yellow: #fff8df;
  --purple: #7255b9;
  --pink: #d96b9f;
  background: #fff;
}

.solutions-page .library-hero {
  position: relative;
  overflow: hidden;
  padding: 145px 0 74px;
  background:
    radial-gradient(circle at 90% 18%, rgba(96,218,228,.22) 0, transparent 27%),
    radial-gradient(circle at 70% 2%, rgba(193,164,255,.20) 0, transparent 22%),
    linear-gradient(135deg,#fff 0%,#f9fbff 55%,#f0fbfc 100%);
}
.solutions-page .library-hero::before,
.solutions-page .library-hero::after {content:"";position:absolute;border-radius:50%;pointer-events:none}
.solutions-page .library-hero::before {width:210px;height:210px;right:6%;bottom:-105px;background:rgba(255,203,225,.26)}
.solutions-page .library-hero::after {width:90px;height:90px;right:24%;top:106px;border:18px solid rgba(124,97,192,.08)}
.solutions-page .library-hero-content {position:relative;z-index:1;width:100%}
.solutions-page .library-hero h1 {
  width:100%;max-width:none;margin:18px 0 20px;
  font-size:clamp(2.75rem,4.2vw,3.85rem);line-height:1.08;letter-spacing:-.055em;color:var(--navy)
}
.solutions-page .library-hero p {max-width:860px;margin-bottom:0;font-size:1.04rem}

.solutions-page .library-section {
  position:relative;padding:54px 0 94px;
  background:radial-gradient(circle at 3% 18%,rgba(238,225,255,.45),transparent 18%),radial-gradient(circle at 97% 62%,rgba(255,224,237,.42),transparent 18%),#fff
}
.solutions-page .solution-filter-panel {
  overflow:hidden;padding:28px;border:1px solid #d9e5ef;border-radius:24px;
  background:rgba(255,255,255,.94);box-shadow:0 18px 45px rgba(15,61,113,.08)
}
.solutions-page .solution-filter-panel::before {height:6px;background:linear-gradient(90deg,#2f78d1 0%,#16a9bb 28%,#7959c0 55%,#d86d9e 78%,#f1a574 100%)}
.solutions-page .filter-intro {display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:20px}
.solutions-page .filter-intro h2 {margin:0;font-size:clamp(1.5rem,2.2vw,2rem)}
.solutions-page .filter-intro p {max-width:560px;margin:0;font-size:.82rem;text-align:right}

.solutions-page .category-chips {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:0}
.solutions-page .category-filter {
  display:inline-flex;align-items:center;justify-content:flex-start;gap:9px;min-height:48px;padding:10px 13px;
  border:1px solid transparent;border-radius:14px;color:var(--navy);font-size:.69rem;font-weight:800;line-height:1.25;text-align:left;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease
}
.solutions-page .category-filter:hover {transform:translateY(-2px);box-shadow:0 10px 22px rgba(18,59,105,.10)}
.solutions-page .category-filter.active {border-color:var(--teal);box-shadow:inset 0 0 0 2px rgba(7,164,181,.13),0 10px 22px rgba(18,59,105,.10);color:var(--teal-dark)}
.solutions-page .category-icon {display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;border-radius:9px;background:rgba(255,255,255,.72);font-size:.9rem}
.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-pink)}
.solutions-page .category-filter:nth-child(5){background:var(--pastel-mint)}
.solutions-page .category-filter:nth-child(6){background:var(--pastel-peach)}
.solutions-page .category-filter:nth-child(7){background:#edf5ff}
.solutions-page .category-filter:nth-child(8){background:var(--pastel-yellow)}
.solutions-page .category-filter:nth-child(9){background:#f7edff}

.solutions-page .secondary-filters {grid-template-columns:repeat(2,minmax(0,260px)) auto;align-items:end;justify-content:start;margin-top:22px;padding-top:20px;border-top:1px solid #e6edf3}
.solutions-page .filter-field label {font-size:.68rem}
.solutions-page .filter-field select {min-height:46px;border-color:#cadbe7;border-radius:12px;background-color:#fff}
.solutions-page .filter-clear {min-height:46px;border-color:#cbbcec;background:var(--pastel-purple);color:var(--purple)}
.solutions-page .filter-clear:hover {border-color:var(--purple);background:#e8ddff;color:#563995}

.solutions-page .catalog-heading {margin:50px 0 22px}
.solutions-page .catalog-heading h2 {font-size:clamp(1.75rem,2.6vw,2.25rem)}
.solutions-page .catalog-heading .catalog-note {max-width:520px;color:#6d8094;font-size:.78rem;text-align:right}
.solutions-page .solution-card {position:relative;border-color:#dbe7ed}
.solutions-page .solution-card::before {content:"";position:absolute;z-index:2;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#1ea8b8,#3478d4)}
.solutions-page .solution-card.category-recepcion-y-equipo::before{background:linear-gradient(90deg,#7959c0,#d96b9f)}
.solutions-page .solution-card.category-agenda-y-citas::before{background:linear-gradient(90deg,#3478d4,#24b8ca)}
.solutions-page .solution-card.category-pacientes::before{background:linear-gradient(90deg,#d96b9f,#f0a07b)}
.solutions-page .solution-card.category-whatsapp-y-comunicacion::before{background:linear-gradient(90deg,#25a783,#48cdb0)}
.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,#e0a72c,#efcf72)}
.solutions-page .solution-card.category-experiencia-del-paciente::before{background:linear-gradient(90deg,#bd75d5,#e889b6)}
.solutions-page .solution-category {display:inline-flex;align-items:center;gap:7px;padding:6px 9px;border-radius:999px;background:var(--pastel-cyan)}
.solutions-page .solution-category-icon {font-size:.78rem}

@media (min-width:1000px){.solutions-page .library-hero h1{white-space:nowrap}}
@media (max-width:1080px){.solutions-page .category-chips{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:840px){
  .solutions-page .library-hero{padding-top:122px}
  .solutions-page .filter-intro{align-items:flex-start;flex-direction:column}
  .solutions-page .filter-intro p,.solutions-page .catalog-heading .catalog-note{text-align:left}
  .solutions-page .category-chips{grid-template-columns:repeat(2,minmax(0,1fr))}
  .solutions-page .secondary-filters{grid-template-columns:1fr 1fr}
  .solutions-page .filter-clear{grid-column:1/-1;width:100%}
}
@media (max-width:580px){
  .solutions-page .library-hero{padding-bottom:56px}
  .solutions-page .library-hero h1{font-size:clamp(2.35rem,11vw,3rem);letter-spacing:-.045em}
  .solutions-page .solution-filter-panel{padding:20px 16px}
  .solutions-page .category-chips,.solutions-page .secondary-filters{grid-template-columns:1fr}
  .solutions-page .filter-clear{grid-column:auto}
  .solutions-page .category-filter{min-height:50px}
  .solutions-page .catalog-heading{flex-direction:column;align-items:flex-start}
}