.anjos-play {
  --anjos-primary: #024159;
  --anjos-secondary: #024159;
  --anjos-accent: #fcb900;
  --anjos-bg: #fff;
  --anjos-surface: #024159;
  --anjos-surface-dark: #024159;
  --anjos-page-text: #20242b;
  --anjos-page-muted: #5f6773;
  --anjos-text: #fff;
  --anjos-muted: #d7dbe3;
  --anjos-radius: 12px;
  box-sizing: border-box;
  color: var(--anjos-text);
  font-family: inherit;
  max-width: 100%;
}
.anjos-play-sr-only { border: 0 !important; clip: rect(1px, 1px, 1px, 1px) !important; clip-path: inset(50%) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; word-wrap: normal !important; }
.anjos-play .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal; }
.anjos-play *, .anjos-play *::before, .anjos-play *::after { box-sizing: inherit; }
.anjos-play a { color: inherit; }
.anjos-play-button { align-items: center; background: var(--anjos-primary); border: 2px solid var(--anjos-primary); border-radius: 7px; color: #fff; cursor: pointer; display: inline-flex; font: inherit; font-weight: 700; justify-content: center; min-height: 44px; padding: .65rem 1rem; text-decoration: none; transition: background-color .18s ease, border-color .18s ease, color .18s ease; }
.anjos-play-button:hover, .anjos-play-button:focus-visible { background: var(--anjos-accent); border-color: var(--anjos-accent); color: var(--anjos-primary); }
.anjos-play-button:focus-visible, .anjos-play a:focus-visible, .anjos-play button:focus-visible, .anjos-play select:focus-visible, .anjos-play input:focus-visible { outline: 3px solid var(--anjos-accent); outline-offset: 3px; }
.anjos-play-button--secondary { background: transparent; border-color: var(--anjos-primary); color: var(--anjos-primary); }
.anjos-play-login-required, .anjos-play-notice { background: #f5f5f5; border-left: 4px solid var(--anjos-accent); color: #20242b; padding: 1.25rem; }
.anjos-play-catalog, .anjos-play-home, .anjos-play-video-detail, .anjos-play-account, .anjos-play-manager { background: var(--anjos-bg); border-radius: var(--anjos-radius); color: var(--anjos-page-text); padding: clamp(1rem, 3vw, 2rem); }
.anjos-play-filters { background: var(--anjos-primary); border-radius: var(--anjos-radius); display: grid; gap: .75rem; grid-template-columns: minmax(220px, 2fr) repeat(4, minmax(140px, 1fr)) auto; margin: 1.5rem 0; padding: 1rem; }
.anjos-play-filters input, .anjos-play-filters select { appearance: none; background: #fff; border: 1px solid #d7dbe3; border-radius: 7px; color: var(--anjos-page-text); font: inherit; min-height: 44px; padding: .65rem .75rem; width: 100%; }
.anjos-play-filters .anjos-play-button--secondary { border-color: #fff; color: #fff; }
.anjos-play-filters .anjos-play-button--secondary:hover, .anjos-play-filters .anjos-play-button--secondary:focus-visible { border-color: var(--anjos-accent); color: var(--anjos-primary); }
.anjos-play-results-status { color: var(--anjos-page-muted); min-height: 1.5em; }
.anjos-play-grid { display: grid; gap: 1rem; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.anjos-play-card { background: var(--anjos-surface); border-radius: var(--anjos-radius); min-width: 0; overflow: hidden; position: relative; }
.anjos-play-card [hidden] { display: none; }
.anjos-play-card__link { display: block; height: 100%; text-decoration: none; }
.anjos-play-card__image { aspect-ratio: 16/9; background: var(--anjos-surface-dark); overflow: hidden; position: relative; }
.anjos-play-card__image img { height: 100%; object-fit: cover; transition: transform .2s ease; width: 100%; }
.anjos-play-card__link:hover img { transform: scale(1.035); }
.anjos-play-card__fallback { background: #024159; display: block; height: 100%; }
.anjos-play-card__lock { align-items: center; background: rgba(2, 65, 89, .9); border-radius: 50%; display: flex; font-size: 1.1rem; height: 2.4rem; justify-content: center; position: absolute; right: .65rem; top: .65rem; width: 2.4rem; }
.anjos-play-favorite { align-items: center; background: rgba(2, 65, 89, .94); border: 2px solid #fff; border-radius: 50%; color: #fff; cursor: pointer; display: inline-flex; font: inherit; font-size: 1.35rem; height: 44px; justify-content: center; left: .55rem; line-height: 1; padding: 0; position: absolute; top: .55rem; width: 44px; z-index: 3; }
.anjos-play-favorite.is-favorite { background: var(--anjos-accent); color: var(--anjos-primary); }
.anjos-play-favorite:disabled { cursor: wait; opacity: .65; }
.anjos-play-video-heading { align-items: center; display: flex; gap: 1rem; justify-content: space-between; }
.anjos-play-video-heading h1 { margin-right: auto; }
.anjos-play-favorite--detail { flex: 0 0 auto; position: static; }
.anjos-play-card__body { padding: .9rem; }
.anjos-play-card h3 { color: var(--anjos-text); font-size: 1rem; line-height: 1.3; margin: 0 0 .5rem; }
.anjos-play-card__meta, .anjos-play-card__access { color: var(--anjos-muted); font-size: .82rem; margin: .3rem 0; }
.anjos-play-card__action { color: var(--anjos-accent); display: inline-block; font-weight: 700; margin-top: .55rem; }
.anjos-play-card__rating { color: var(--anjos-accent); font-size: .85rem; font-weight: 700; margin: .5rem 0 0; }
.anjos-play-progress { background: var(--anjos-surface-dark); border-radius: 99px; height: 5px; margin-top: .75rem; overflow: hidden; }
.anjos-play-progress span { background: var(--anjos-accent); display: block; height: 100%; }
.anjos-play-load-more { display: flex; margin: 1.5rem auto 0; }
.anjos-play-load-more[hidden] { display: none; }
.anjos-play-hero { align-items: end; background-image: linear-gradient(90deg, rgba(2,65,89,.96), rgba(2,65,89,.24)), var(--anjos-hero-image); background-position: center; background-size: cover; border-radius: var(--anjos-radius); display: flex; margin-top: 2rem; min-height: clamp(320px, 48vw, 560px); overflow: hidden; padding: clamp(1.5rem, 5vw, 4rem); }
.anjos-play-hero__content { max-width: 620px; }
.anjos-play-hero h1 { color: #fff; font-size: clamp(2rem, 5vw, 4rem); line-height: 1.05; margin: .2rem 0 1rem; }
.anjos-play-hero__content > p:not(.anjos-play-eyebrow) { color: #fff; }
.anjos-play-hero .anjos-play-button, .anjos-play-hero .anjos-play-button:hover, .anjos-play-hero .anjos-play-button:focus-visible { background: var(--anjos-accent); border-color: var(--anjos-accent); color: #fff; }
.anjos-play-eyebrow { color: var(--anjos-accent); font-size: .8rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.anjos-play-row { margin-top: 2rem; }
.anjos-play-row > header { align-items: center; display: flex; justify-content: space-between; }
.anjos-play-row h2 { color: var(--anjos-page-text); font-size: clamp(1.25rem, 2vw, 1.75rem); }
.anjos-play-row header button { align-items: center; background: var(--anjos-primary); border: 1px solid var(--anjos-primary); border-radius: 50%; color: #fff; cursor: pointer; display: inline-flex; font-size: 1.65rem; font-weight: 900; height: 48px; justify-content: center; line-height: 1; margin-left: .45rem; padding-bottom: 5px; width: 48px; }
.anjos-play-row header button:hover, .anjos-play-row header button:focus-visible { background: var(--anjos-accent); border-color: var(--anjos-accent); color: var(--anjos-primary); }
.anjos-play-row__track { display: grid; gap: 1rem; grid-auto-columns: minmax(220px, 24%); grid-auto-flow: column; overflow-x: auto; overscroll-behavior-inline: contain; padding: .25rem .2rem 1rem; scroll-snap-type: inline mandatory; scrollbar-width: thin; }
.anjos-play-row__track .anjos-play-card { scroll-snap-align: start; }
.anjos-play-modal[hidden] { display: none; }
.anjos-play-modal { inset: 0; position: fixed; z-index: 999999; }
.anjos-play-modal__backdrop { background: rgba(2, 65, 89, .78); inset: 0; position: absolute; }
.anjos-play-modal__dialog { background: var(--anjos-surface); border-radius: var(--anjos-radius); color: var(--anjos-text); left: 50%; max-width: 520px; padding: 2rem; position: absolute; top: 50%; transform: translate(-50%, -50%); width: calc(100% - 2rem); }
.anjos-play-modal__close { background: transparent; border: 0; color: currentColor; cursor: pointer; font-size: 2rem; position: absolute; right: .7rem; top: .4rem; }
.anjos-play-modal__actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1.5rem; }
.anjos-play-modal-open { overflow: hidden; }
.anjos-play-player-placeholder, .anjos-play-locked-panel { align-items: center; aspect-ratio: 16/9; background: var(--anjos-surface); color: var(--anjos-text); display: flex; flex-direction: column; justify-content: center; margin: 1rem 0; padding: 2rem; text-align: center; }
.anjos-play-player { background: var(--anjos-surface); border-radius: var(--anjos-radius); color: var(--anjos-text); margin: 1rem 0; overflow: hidden; }
.anjos-play-player__frame { aspect-ratio: 16/9; background: var(--anjos-primary); position: relative; width: 100%; }
.anjos-play-player__frame iframe { border: 0; height: 100%; inset: 0; position: absolute; width: 100%; }
.anjos-play-player__status { margin: 0; padding: .75rem 1rem; }
.anjos-play-player__status:empty { display: none; }
.anjos-play-player__progress { align-items: center; display: grid; gap: .75rem; grid-template-columns: 1fr auto; padding: .75rem 1rem; }
.anjos-play-rating { border-top: 1px solid var(--anjos-surface-dark); padding: 1rem; }
.anjos-play-rating[hidden] { display: none; }
.anjos-play-rating h2 { color: var(--anjos-text); font-size: 1.15rem; margin: 0 0 .75rem; }
.anjos-play-rating__stars { display: flex; flex-wrap: wrap; gap: .35rem; }
.anjos-play-rating__stars button { background: transparent; border: 0; color: #737b88; cursor: pointer; font-size: 2rem; line-height: 1; min-height: 44px; min-width: 44px; padding: .2rem; }
.anjos-play-rating__stars button.is-selected { color: var(--anjos-accent); }
.anjos-play-account__profile { background: var(--anjos-surface); border-radius: var(--anjos-radius); color: var(--anjos-text); padding: 1rem; }
.anjos-play-account-block { border-top: 4px solid var(--anjos-primary); margin-top: 2.5rem; padding-top: 1.75rem; }
.anjos-play-back { display: inline-block; margin-bottom: 1rem; }
.anjos-play-muted { color: var(--anjos-page-muted); }
@media (max-width: 1024px) { .anjos-play-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); } .anjos-play-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .anjos-play-row__track { grid-auto-columns: minmax(220px, 38%); } }
@media (max-width: 767px) { .anjos-play-catalog, .anjos-play-home, .anjos-play-video-detail { border-radius: 0; padding: 1rem; } .anjos-play-filters { grid-template-columns: 1fr; } .anjos-play-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .anjos-play-row__track { grid-auto-columns: minmax(190px, 78%); } .anjos-play-row header div { display: none; } .anjos-play-hero { min-height: 380px; } }
@media (max-width: 480px) { .anjos-play-grid { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { .anjos-play-card__image img { transition: none; } }