.cards{position:relative;z-index:1;display:flex;flex-wrap:wrap;justify-content:center;gap:20px;max-width:1280px;margin:0 auto;padding:32px 24px 64px}.card{flex:0 0 calc(25% - 15px);max-width:300px}@media (max-width: 1080px){.card{flex-basis:calc(33.33% - 14px)}}@media (max-width: 720px){.card{flex-basis:calc(50% - 10px)}}@media (max-width: 420px){.card{flex-basis:100%;max-width:100%}}.card{display:flex;flex-direction:column;aspect-ratio:4 / 7;background-color:var(--bg-surface);color:var(--text-primary);border-radius:var(--radius-card);overflow:hidden;cursor:pointer;box-shadow:var(--shadow-card);transition:box-shadow var(--transition-base),transform var(--transition-base)}.card:hover,.card:focus-visible{box-shadow:0 12px 28px #0b14241f;transform:translateY(-2px)}.card:focus-visible{outline:3px solid var(--itau-laranja);outline-offset:3px}.card__media-wrap{position:relative;flex:1;overflow:hidden;background-color:var(--bg-page)}.card__media-wrap:after{content:"";position:absolute;inset:0;background-image:linear-gradient(to bottom,transparent 60%,rgba(255,255,255,.6) 100%);pointer-events:none;z-index:1}.card__area{position:absolute;top:14px;right:14px;z-index:3;padding:6px 12px;font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:#fff;background-color:var(--itau-laranja);border-radius:var(--radius-pill)}.card__thumb{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%;transition:transform var(--transition-base)}.card__thumb--missing{display:none}.card:hover .card__thumb{transform:scale(1.04)}.card__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background-color:var(--itau-laranja);color:#fff;box-shadow:var(--shadow-cta);pointer-events:none;transition:transform var(--transition-base);z-index:2}.card__play svg{margin-left:2px}.card:hover .card__play,.card:focus-visible .card__play{transform:translate(-50%,-50%) scale(1.06)}.card__body{flex:0 0 132px;padding:18px 18px 20px;display:flex;flex-direction:column;gap:6px;justify-content:flex-start}.card__name{font-family:var(--font-display);font-weight:900;font-size:22px;letter-spacing:-.5px;line-height:1.1;color:var(--text-primary);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card__description{margin:0;font-family:var(--font-text);font-weight:300;font-size:16px;line-height:1.4;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.modal{width:min(1200px,calc(100vw - var(--space-6)));max-width:1200px;max-height:92vh;margin:auto;padding:0;border:0;border-radius:var(--radius-modal);background-color:var(--modal-bg);color:var(--modal-text);overflow:hidden;box-shadow:var(--shadow-modal)}.modal::backdrop{background-color:#0b142480;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.modal[open]{opacity:1;transform:translateY(0);transition:opacity .2s ease-out,transform .2s ease-out}@starting-style{.modal[open]{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion: reduce){.modal[open]{transition:none}@starting-style{.modal[open]{opacity:1;transform:none}}}.modal__panel{position:relative;display:grid;grid-template-columns:minmax(0,65%) minmax(0,35%);width:100%;max-height:inherit;background-color:var(--modal-bg)}.modal__close{position:absolute;top:var(--space-4);right:var(--space-4);z-index:3;width:56px;height:56px;min-width:0;min-height:0;border-radius:50%;background-color:#0b142414;color:var(--modal-text);display:inline-flex;align-items:center;justify-content:center;transition:background-color var(--transition-fast),transform var(--transition-fast)}.modal__close:hover,.modal__close:focus-visible{background-color:#0b142429;transform:scale(1.05)}.modal__media{position:relative;background-color:var(--text-primary);min-height:0}.modal__video{display:block;width:100%;height:100%;max-height:90vh;object-fit:contain;background-color:var(--text-primary)}.modal__unmute{position:absolute;bottom:var(--space-4);right:var(--space-4);width:56px;height:56px;min-width:0;min-height:0;border-radius:50%;background-color:var(--itau-laranja);color:#fff;display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--shadow-cta);transition:background-color var(--transition-fast),transform var(--transition-fast);z-index:2}.modal__unmute:hover,.modal__unmute:focus-visible{background-color:var(--itau-laranja-escuro);transform:scale(1.05)}.modal--unmuted .modal__unmute{display:none}.modal__info{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-7) var(--space-6);overflow-y:auto;background-color:var(--modal-bg);color:var(--modal-text)}.modal__name{font-family:var(--font-display);font-weight:900;font-size:36px;letter-spacing:-.7px;line-height:1.05;color:var(--itau-laranja);margin:0}.modal__description{font-family:var(--font-text);font-weight:300;font-size:16px;line-height:1.5;color:var(--modal-text)}.modal__description[hidden]{display:none}.modal__back{margin-top:auto;align-self:stretch;min-height:var(--tap-min);padding:0 var(--space-5);background-color:var(--itau-laranja);color:#fff;border-radius:var(--radius-pill);font-family:var(--font-text);font-size:14px;font-weight:700;letter-spacing:.02em;box-shadow:var(--shadow-cta);transition:background-color var(--transition-fast),transform var(--transition-fast)}.modal__back:hover,.modal__back:focus-visible{background-color:var(--itau-laranja-escuro);transform:translateY(-1px)}.modal__back:active{transform:translateY(0)}@media (max-width: 720px){.modal{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border-radius:0}.modal__panel{grid-template-columns:1fr;grid-template-rows:auto 1fr}.modal__media{aspect-ratio:16 / 9;max-height:45dvh}.modal__info{padding:var(--space-5) var(--space-4)}.modal__name{font-size:28px}.modal__close{top:var(--space-3);right:var(--space-3)}}