.people-finder{margin:28px 0 36px;--face-shadow:0 12px 35px #22232e0e}.people-finder-home{margin-top:40px}.face-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:22px}.face-heading h2{font-size:clamp(28px,4vw,40px);margin-top:6px}.face-heading p:not(.eyebrow){font-size:14px;color:var(--muted);margin-top:10px}.face-heading .button{flex-shrink:0}.face-tools{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:18px;background:#fff;border:1px solid var(--line);padding:20px;border-radius:20px;box-shadow:var(--face-shadow)}.face-search-field>label,.face-crime-label{font-size:11px;font-weight:800;color:#565b65;text-transform:uppercase;letter-spacing:.07em;display:block}.face-search-box{display:flex;gap:12px;align-items:center;margin-top:8px;min-height:54px;border:1px solid #c8cbd2;border-radius:12px;padding:0 14px;background:#fafafb;transition:border-color .2s,box-shadow .2s}.face-search-box:focus-within{border-color:var(--red);box-shadow:0 0 0 3px #d219360d;background:white}.face-search-box svg{flex-shrink:0;color:var(--red)}.face-search-box input{border:0;outline:0;background:transparent;font-size:18px;width:100%;min-width:0;height:52px;color:var(--ink)}.face-search-box input:focus-visible{outline:0}.face-search-box input::-webkit-search-cancel-button{display:none}.face-search-box button{border:0;background:#eeedf1;border-radius:50%;width:32px;height:32px;flex-shrink:0;font-size:22px;line-height:1}.face-crime-label select{display:block;height:54px;margin-top:8px;border:1px solid #c8cbd2;border-radius:12px;padding:0 12px;font-size:14px;letter-spacing:0;text-transform:none;font-weight:550;background:#fafafb;color:var(--ink);width:100%}.face-filters{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0 0}.face-filters button{border:1px solid #dcdde1;background:white;border-radius:30px;padding:10px 13px;min-height:44px;display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:750;transition:background .18s,color .18s}.face-filters button span{font-size:10px;display:grid;place-items:center;min-width:22px;min-height:22px;background:#f0f0f3;border-radius:50%;color:#626671}.face-filters button[aria-pressed=true]{color:white;background:#20232c;border-color:#20232c}.face-filters button[aria-pressed=true] span{background:#ffffff26;color:white}.face-results-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:19px 2px 15px;min-height:28px}.face-results-bar p{font-size:12px;color:#666b76}.face-reset{font-size:12px;color:var(--red);font-weight:750;border:0;background:transparent;min-height:34px}.face-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px}.people-finder-home .face-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.face-card{min-width:0;border:1px solid #dddfe3;border-radius:21px;background:white;overflow:hidden;box-shadow:0 4px 12px #23243204;transition:transform .22s,box-shadow .22s,border-color .22s}.face-card:hover,.face-card:focus-within{transform:translateY(-5px);border-color:#bfc0c8;box-shadow:0 14px 30px #28293814}.face-link{display:flex;flex-direction:column;height:100%;text-decoration:none!important}.face-link:focus-visible{outline-offset:-4px;outline:3px solid #527ad6;border-radius:21px}.face-picture{height:262px;position:relative;overflow:hidden;background:#e4e5e8;isolation:isolate}.people-finder-home .face-picture{height:275px}.face-picture .portrait-frame{height:100%;width:100%;overflow:hidden}.face-picture .portrait{width:100%;height:100%;min-height:0;object-fit:cover;object-position:50% 23%;transform:scale(var(--portrait-scale,1));transform-origin:var(--portrait-origin,50% 23%);transition:transform .4s}.face-card:hover .portrait{transform:scale(calc(var(--portrait-scale,1) + .035))}.face-picture .photo-placeholder.portrait{display:flex}.face-picture:after{content:'';position:absolute;inset:70% 0 0;background:linear-gradient(transparent,#12141a18);pointer-events:none}.face-open{position:absolute;right:13px;top:13px;z-index:1;background:#fffef4ed;border-radius:50%;width:33px;height:33px;display:grid;place-items:center;font-size:20px;box-shadow:0 2px 10px #0001}.face-copy{padding:17px 18px 16px;display:flex;flex-direction:column;align-items:flex-start;flex:1;min-width:0}.face-copy .badge{font-size:9px;letter-spacing:.02em}.face-copy h3{font-size:24px;line-height:1.08;margin:12px 0 6px;overflow-wrap:anywhere}.face-role{font-size:11px;color:#6a6e78;line-height:1.45}.face-penalty{font-size:19px;line-height:1.2;font-weight:800;letter-spacing:-.03em;margin-top:16px;color:#242632}.face-kind{font-size:10px;line-height:1.5;color:#707480;margin-top:5px}.face-case{font-size:11px;color:#50545f;font-weight:700;margin-top:13px;margin-bottom:13px;line-height:1.5}.face-bottom{border-top:1px solid #ededef;padding-top:12px;margin-top:auto;width:100%;display:flex;flex-direction:column;gap:12px}.face-bottom>span{font-size:11px;line-height:1.5;color:#606570}.face-bottom strong{display:flex;justify-content:space-between;font-size:12px;color:var(--red);width:100%}.face-bottom strong span{font-size:17px;line-height:1}.face-empty{background:white;border:1px dashed #bbbfc8;border-radius:20px;padding:45px 20px;text-align:center}.face-empty strong{font-size:24px;letter-spacing:-.03em}.face-empty p{color:var(--muted);font-size:14px;margin:12px 0 20px}.face-more{text-align:center;margin-top:24px}.face-note{color:#767a84;font-size:11px;line-height:1.6;margin-top:20px}.face-card[data-person=begona]{--portrait-scale:1.52;--portrait-origin:73% 28%}.face-card[data-person=david]{--portrait-scale:1.45;--portrait-origin:55% 24%}.face-card[data-person=cerdan]{--portrait-scale:1.35;--portrait-origin:46% 29%}.face-card[data-person=leire]{--portrait-scale:1.3;--portrait-origin:52% 42%}.face-card[data-person=antxon]{--portrait-scale:1.35;--portrait-origin:66% 23%}.face-card[data-person=barrabes]{--portrait-scale:1.4;--portrait-origin:52% 22%}.face-card[data-person=moriano],.face-card[data-person=parejo],.face-card[data-person=martos],.face-card[data-person=candalija]{--portrait-scale:1.6;--portrait-origin:50% 16%}.face-card[data-person=carrero]{--portrait-scale:1.65;--portrait-origin:50% 28%}.face-card[data-person=nunez]{--portrait-scale:1.65;--portrait-origin:0 20%}
@media(max-width:1050px){.face-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.face-picture{height:255px}}
@media(max-width:780px){.face-grid,.people-finder-home .face-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.face-tools{grid-template-columns:minmax(0,1fr) 200px;gap:12px;padding:16px}.face-search-box input{font-size:16px}.face-picture,.people-finder-home .face-picture{height:260px}.face-heading{align-items:flex-start}.face-heading .button{font-size:11px}.face-copy{padding:15px}.face-copy h3{font-size:22px}}
@media(max-width:520px){.face-tools{grid-template-columns:1fr;padding:15px;gap:15px}.face-search-box{min-height:50px}.face-search-box input{height:48px}.face-crime-label select{height:46px}.face-filters{flex-wrap:nowrap;overflow:auto;padding:3px 1px 8px;scrollbar-width:thin}.face-filters button{white-space:nowrap}.face-heading{display:block}.face-heading .button{margin-top:15px}.face-grid,.people-finder-home .face-grid{gap:12px}.face-picture,.people-finder-home .face-picture{height:195px}.face-copy{padding:12px 11px}.face-copy h3{font-size:19px;line-height:1.12}.face-copy .badge{font-size:8px;padding:5px 6px}.face-role,.face-kind{font-size:10px}.face-penalty{font-size:16px;margin-top:12px}.face-case{font-size:10px}.face-bottom>span{font-size:10px}.face-bottom strong{font-size:11px}.face-open{width:27px;height:27px;font-size:16px;right:9px;top:9px}.face-card{border-radius:17px}.face-results-bar p{font-size:11px}.face-note{font-size:10px}.face-empty{grid-column:1/-1}}
@media(max-width:350px){.face-grid,.people-finder-home .face-grid{grid-template-columns:1fr}.face-picture,.people-finder-home .face-picture{height:280px}}
@media(prefers-reduced-motion:reduce){.face-card,.face-picture .portrait{transition:none}.face-card:hover,.face-card:focus-within{transform:none}.face-card:hover .portrait{transform:scale(var(--portrait-scale,1))}}
.face-grid[data-visible-count="1"]{grid-template-columns:minmax(0,340px)}
@media(max-width:520px){.face-grid[data-visible-count="1"]{grid-template-columns:1fr}.face-grid[data-visible-count="1"] .face-picture{height:280px}.face-grid[data-visible-count="1"] .face-copy{padding:19px}.face-grid[data-visible-count="1"] .face-copy h3{font-size:27px}.face-grid[data-visible-count="1"] .face-penalty{font-size:22px}}