body{font-family:Inter,Arial,sans-serif;background:#fff}
.navbar.style-4 .dropdown-menu{max-width:100%}
.solutions-directory{background:#f5f7fc;padding:46px 0 65px}
.solutions-heading{max-width:780px;margin-bottom:30px}
.solutions-brand{display:block;object-fit:contain;object-position:left;margin-bottom:20px}
.solutions-heading>small{font-size:11px;font-weight:700;letter-spacing:1.5px;color:#0076be}
.solutions-heading h1{font-size:clamp(30px,3.5vw,44px);font-weight:700;line-height:1.2;margin:12px 0 16px;letter-spacing:-1px}
.solutions-heading h1 span{background:linear-gradient(100deg,#0076be,#9354cb);background-clip:text;color:transparent}
.solutions-heading p{font-size:15px;line-height:1.8;color:#586c85}
.solutions-filter{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}
.solutions-filter button{border:1px solid #dce4f3;border-radius:30px;padding:7px 15px;background:white;color:#455b7c;font-size:12px}
.solutions-filter button[aria-pressed=true]{background:#101b36;color:white;border-color:#101b36}
.solutions-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.solution-card{display:flex;flex-direction:column;border:1px solid #dfe5f0;border-radius:18px;overflow:hidden;background:white;box-shadow:0 3px 8px #2033560a;transition:box-shadow .2s,transform .2s;min-width:0}
.solution-card:hover{transform:translateY(-3px);box-shadow:0 12px 25px #20335614}
.solution-card[hidden]{display:none}
.solution-cover{position:relative;display:block;aspect-ratio:1.88;background:#e8eef8;overflow:hidden}
.solution-cover img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;transition:transform .25s}
.solution-cover:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#10233fcc);pointer-events:none}
.solution-cover>span{position:absolute;bottom:12px;left:18px;right:18px;font-size:12px;line-height:1.4;font-weight:600;color:white;z-index:1}
.solution-card-body{padding:0 20px 20px;display:flex;flex-direction:column;flex:1}
.solution-identity{display:flex;gap:12px;align-items:center;margin-top:-20px;position:relative;z-index:2;min-height:66px}
.solution-identity .service-symbol{width:56px;height:56px;border:3px solid white;border-radius:16px;margin:0;box-shadow:0 5px 12px #25466420}
.solution-identity .service-symbol img{width:34px;height:34px}
.solution-identity h2{font-size:18px;font-weight:700;line-height:1.3;margin:22px 0 0;min-width:0;color:#14203b}
.solution-identity h2 a{color:inherit}
.solution-card-body>p{font-size:13px;line-height:1.7;color:#536783;margin:18px 0 16px}
.solution-tags{display:flex;gap:6px;flex-wrap:wrap;list-style:none;padding:0;margin:0 0 24px}
.solution-tags li{font-size:11px;padding:4px 10px;background:#eff4f9;border:1px solid #e0e7f3;border-radius:20px;color:#486080}
.solution-card-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:auto}
.solution-card-footer small{font-size:10px;color:#647995;line-height:1.4}
.solution-open{background:#1c4787;padding:8px 15px;border-radius:25px;color:white!important;font-size:12px;font-weight:700;white-space:nowrap}
.solution-open span{margin-left:8px}
.solution-open:hover{background:#163a6f}
.solutions-count{font-size:12px;color:#647995;margin-top:24px}
a:focus-visible,button:focus-visible{outline:3px solid #9565cc;outline-offset:4px}
@media(max-width:991px){.solutions-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.navbar.style-4 .dropdown-menu{min-width:0!important;width:100%}.navbar.style-4 .dropdown-item{white-space:normal}}
@media(max-width:575px){.solutions-directory{padding:30px 12px 45px}.solutions-cards{grid-template-columns:1fr;gap:20px}.solutions-heading p{font-size:14px}.solutions-heading h1{font-size:32px}}
@media(prefers-reduced-motion:reduce){.solution-card,.solution-cover img{transition:none}}
/* Cierre y pie con el mismo diseño que las landings de servicios. */
.cat-closing{position:relative;background:#f0eff6;padding:190px 0 60px;text-align:center}
.cat-waves{position:absolute;top:0;left:0;width:100%;height:150px;display:block;background:#f5f7fc}
.cat-closing h2{font-size:clamp(30px,3.1vw,40px);font-weight:600;line-height:1.18;letter-spacing:-.035em;color:#14171f;max-width:30ch;margin:0 auto}
.cat-gradient{background:linear-gradient(90deg,#1c4787,#b255da);-webkit-background-clip:text;background-clip:text;color:transparent}
.cat-closing p{font-size:16px;line-height:1.7;color:#4a5263;max-width:59ch;margin:20px auto 24px}
.cat-demo{display:inline-flex;align-items:center;gap:10px;min-height:50px;padding:14px 24px;border-radius:999px;font-size:14px;font-weight:600;color:#fff!important;text-decoration:none;background:linear-gradient(105deg,#0076be,#4d78d4 60%,#8a5bd8)}
.cat-demo svg{width:16px;height:16px}
.cat-demo:hover{transform:translateY(-1px)}
.cat-pie{background:#f0eff6;padding:0 0 26px;color:#4a5263}
.cat-pie-wrap{max-width:1320px;margin:auto;padding:0 32px}
.cat-pie-cols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:48px;padding:48px 0 32px;align-items:start}
.cat-pie-brand img{width:140px;height:35px;object-fit:contain;display:block}
.cat-pie-brand p{font-size:15px;line-height:1.7;max-width:38ch;margin:16px 0;color:#4a5263}
.cat-pie-stack{display:flex;flex-wrap:wrap;gap:8px}
.cat-pie-stack span{font-size:13px;padding:4px 9px;border:1px solid #e3e6ef;border-radius:30px;color:#3b4766}
.cat-pie-col{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.cat-pie-col b{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#14171f}
.cat-pie-col a{font-size:15px;color:#4a5263;text-decoration:none}
.cat-pie-col a:hover{text-decoration:underline;text-underline-offset:5px}
.cat-pie-base{display:flex;justify-content:space-between;gap:20px;padding-top:20px;border-top:1px solid #e3e6ef;color:#6b7385}
.cat-pie-base small{font-size:12px}
@media(max-width:760px){.cat-closing{padding-bottom:42px}.cat-closing h2{font-size:30px}.cat-closing p{font-size:14px}.cat-demo{font-size:12px;padding:14px 20px}.cat-pie{padding-bottom:80px}.cat-pie-wrap{padding:0 24px}.cat-pie-cols{grid-template-columns:1fr 1fr;gap:32px;padding:24px 0 32px}.cat-pie-brand{grid-column:1/-1}.cat-pie-base{flex-direction:column;gap:5px}}
