.card{transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease}
.card:hover{transform:translateY(-6px);box-shadow:0 30px 70px rgba(7,49,109,.16)}
.card .shot{transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.card:hover .shot{transform:scale(1.04)}
@property --n{syntax:'<integer>';inherits:false;initial-value:0}
@property --th{syntax:'<integer>';inherits:false;initial-value:0}
@counter-style pad3{system:extends decimal;pad:3 "0"}
@keyframes cnt{from{--n:1000}to{--n:var(--to)}}
.cnt{--n:var(--to);--th:calc((var(--n) - 500) / 1000);counter-reset:th var(--th) r calc(var(--n) - var(--th) * 1000);animation:cnt 2.4s cubic-bezier(.16,.8,.3,1) both}
.cnt::after{content:counter(th) "." counter(r, pad3)}
@media (prefers-reduced-motion: reduce){.cnt{animation:none}}
.filtros{display:flex;flex-wrap:wrap;gap:10px}
.filtro{min-height:44px;padding:0 18px;border:1px solid #D6E2F2;border-radius:999px;background:#FFFFFF;color:#33405A;font-family:inherit;font-size:15px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:background .2s ease,color .2s ease}
.filtro:hover{border-color:#9FC3EC}
.filtro-n{font-family:'Geist Mono',ui-monospace,monospace;font-size:12px;color:#8A96A8}
.filtro[aria-pressed="true"]{background:#07316D;border-color:#07316D;color:#FFFFFF}
.filtro[aria-pressed="true"] .filtro-n{color:#9FD8FB}
.card[hidden]{display:none!important}
.card-feat{display:flex;flex-wrap:wrap;align-items:center;gap:48px;padding:40px;border-radius:28px;background:linear-gradient(150deg,#EAF2FC 0%,#F7FAFE 60%);border:1px solid #D6E2F2;color:#0B1730}
.card-item{display:flex;flex-direction:column;gap:22px;padding:22px 22px 28px;border-radius:24px;background:#FFFFFF;border:1px solid #E3E9F2;color:#0B1730}
.grid-casos{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr));gap:28px}
.win{border-radius:14px;overflow:hidden;background:#FFFFFF;border:1px solid #D6E2F2;box-shadow:0 18px 40px rgba(7,49,109,.10)}
.win-bar{display:flex;align-items:center;gap:10px;padding:9px 12px;background:#F2F6FB;border-bottom:1px solid #E3E9F2}
.win-url{flex:1;min-width:0;padding:4px 10px;border-radius:999px;background:#FFFFFF;font-family:'Geist Mono',ui-monospace,monospace;font-size:11px;color:#4E5869;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.win-shot{height:250px;overflow:hidden}
.win-shot-lg{height:360px}
.win-shot img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}
@keyframes cin{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.card.in{animation:cin .45s cubic-bezier(.2,.7,.2,1) both}
@media (max-width:600px){.card-feat{padding:22px;gap:28px}.win-shot-lg{height:240px}}
@media (prefers-reduced-motion:reduce){.card.in{animation:none}}
@media (max-width:600px){
  section>div[style*="padding: 96px 24px 56px"]{padding:56px 20px 40px!important}
  #casos>div{padding:8px 20px 80px!important}
}