/* Six service identities, with the same readable hierarchy in both themes. */
#soluciones .sol--visual{--sol-base:#073c2b;--sol-accent:#8ff2bd;background:var(--sol-base);color:#fff;border:1px solid #ffffff35;padding:145px 32px 32px;gap:17px;box-shadow:0 16px 40px #061e3020;min-width:0}
#soluciones .sol--chat{--sol-base:#063c37;--sol-accent:#91f5c1}
#soluciones .sol--rayo{--sol-base:#082c55;--sol-accent:#8cdeff}
#soluciones .sol--lupa{--sol-base:#292051;--sol-accent:#dbc1ff}
#soluciones .sol--informe{--sol-base:#4b2a0c;--sol-accent:#ffe0a1}
#soluciones .sol--hosting{--sol-base:#062e3a;--sol-accent:#8cebea}
#soluciones .sol--visual>.sol__background{position:absolute;z-index:-2;inset:0;width:100%;max-width:none;height:100%;object-fit:cover;object-position:center top;opacity:.92;transition:transform .7s ease;pointer-events:none}
#soluciones .sol--visual:before{content:'';position:absolute;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--sol-base) 30%,transparent) 20%,color-mix(in srgb,var(--sol-base) 92%,transparent) 46%,var(--sol-base) 76%),linear-gradient(90deg,color-mix(in srgb,var(--sol-base) 45%,transparent),transparent 75%)}
#soluciones .sol--visual:hover>.sol__background{transform:scale(1.035)}
#soluciones .sol--visual>.sol__icon{position:absolute;top:28px;left:32px;width:40px;height:40px;padding:8px;box-sizing:content-box;color:var(--sol-accent);background:color-mix(in srgb,var(--sol-base) 80%,transparent);border:1px solid #ffffff40;border-radius:13px;backdrop-filter:blur(8px)}
#soluciones .sol--visual .sol__titulo{color:#fff;font-size:clamp(1.4rem,2.1vw,1.85rem);text-shadow:0 2px 14px #0008}
#soluciones .sol--visual .sol__dolor{color:#eff5f7;border-color:var(--sol-accent);font-style:normal;text-shadow:0 1px 5px #0007}
#soluciones .sol--visual .sol__puntos li{color:#e0ebed;font-size:.92rem}
#soluciones .sol--visual .sol__puntos svg{color:var(--sol-accent)}
#soluciones .sol--visual .sol__cta{color:var(--sol-accent)}
#soluciones .sol--visual .sol__mas{color:#e4eff1}
#soluciones .sol--visual .sol__mas:hover{color:#fff;border-color:#ffffff80}
#soluciones .sol--visual a:focus-visible{outline:2px solid var(--sol-accent);outline-offset:5px;border-radius:3px}
#soluciones .sol--visual .possibility-link{border:1px solid #ffffff40}
@media(max-width:560px){#soluciones .sol--visual{padding:135px 23px 26px}#soluciones .sol--visual>.sol__icon{left:23px;top:23px}.sols{gap:20px}}
@media(prefers-reduced-motion:reduce){#soluciones .sol--visual>.sol__background{transition:none}#soluciones .sol--visual:hover>.sol__background{transform:none}}