.youtube-section,.youtube-page{--yt-bg:#0b1426;--yt-panel:#132239;--yt-ink:#f2e9d8;--yt-muted:#c3cddd;--yt-gold:#e0bd76;--yt-border:#d4af634d;color:var(--yt-ink);box-sizing:border-box}
.youtube-section{max-width:1240px;margin:55px auto;padding:36px;background:linear-gradient(125deg,#182d47,#101d31);border:1px solid var(--yt-border);border-radius:14px}.youtube-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:30px}.youtube-heading h2{font:400 clamp(31px,3.5vw,46px)/1.15 Georgia,serif;margin:10px 0 0;color:var(--yt-ink)}.youtube-heading em{color:var(--yt-gold)}.youtube-heading .eyebrow{margin:0;color:var(--yt-gold);font:700 10px/1.7 Arial,sans-serif;letter-spacing:2px}.youtube-all{display:inline-block;min-height:44px;padding:10px 0;color:var(--yt-gold);font:600 14px/1.7 Arial,sans-serif;text-decoration:none}.youtube-feature{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.8fr);gap:30px;align-items:center}.youtube-feature>div{min-width:0}.youtube-frame{width:100%;aspect-ratio:16/9;overflow:hidden;border:1px solid var(--yt-border);border-radius:8px;background:#071120}.youtube-frame iframe{display:block;width:100%;height:100%;border:0}.youtube-poster{position:relative;display:block;width:100%;height:100%;border:0!important;border-radius:0!important;padding:0!important;background:#071120!important;cursor:pointer}.youtube-poster img{display:block;width:100%;height:100%;object-fit:contain}.youtube-play{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);display:flex;align-items:center;gap:10px;white-space:nowrap;padding:8px 18px;border:1px solid var(--yt-gold);border-radius:24px;background:#081120ef;color:var(--yt-ink);font:600 13px/1.7 Arial,sans-serif;box-shadow:0 3px 16px #0008}.youtube-play>span{color:var(--yt-gold)}.youtube-poster:hover .youtube-play{background:#9b1737}.youtube-player-note{margin:12px 0 0;font:12px/1.8 Arial,sans-serif;color:var(--yt-muted)}.youtube-player-note a{color:var(--yt-gold);text-decoration:underline;text-underline-offset:3px}.youtube-feature-copy h3{font:400 clamp(26px,2.8vw,36px)/1.25 Georgia,serif;color:var(--yt-ink);margin:15px 0}.youtube-feature-copy>p{color:var(--yt-muted);font:15px/1.9 Arial,sans-serif;margin:0 0 20px}.youtube-label{color:var(--yt-gold);font:600 11px/1.7 Arial,sans-serif;text-transform:uppercase;letter-spacing:1.5px}.youtube-feature-copy .button{display:inline-flex;font-size:14px;padding:12px 18px;min-height:44px;text-decoration:none}.youtube-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:32px}.youtube-card{overflow:hidden;min-width:0;border:1px solid var(--yt-border);border-radius:9px;background:var(--yt-panel)}.youtube-card-image{position:relative;display:block;width:100%;padding:0!important;border:0!important;border-radius:0!important;background:#071120!important;aspect-ratio:16/9;cursor:pointer;overflow:hidden}.youtube-card-image img{display:block;width:100%;height:100%;object-fit:contain}.youtube-card-image>span{position:absolute;right:12px;bottom:12px;background:#081120e8;border:1px solid var(--yt-gold);border-radius:50%;width:38px;height:38px;display:grid;place-items:center;font-size:14px;color:var(--yt-gold)}.youtube-card>div{padding:23px}.youtube-card h3{font:400 24px/1.3 Georgia,serif;margin:0 0 15px}.youtube-card h3 button{font:inherit;color:var(--yt-ink);text-align:left;background:transparent!important;border:0!important;padding:0!important;cursor:pointer}.youtube-card time{display:block;color:var(--yt-muted);font:12px/1.8 Arial,sans-serif;margin-bottom:12px}.youtube-card a{font:600 13px/1.8 Arial,sans-serif;color:var(--yt-gold);display:inline-block;padding:6px 0}.youtube-section button:focus-visible,.youtube-page button:focus-visible,.youtube-page a:focus-visible,.youtube-section a:focus-visible{outline:3px solid var(--yt-gold);outline-offset:4px}.youtube-more{margin:32px auto 0!important;display:block!important}.youtube-more[hidden]{display:none!important}.youtube-status{font:13px/1.8 Arial,sans-serif;color:var(--yt-muted);margin-top:20px}.youtube-hero{padding:70px max(24px,calc((100% - 1240px)/2));background:linear-gradient(90deg,#071120f7,#0b1426d9 60%,#0b1426a8),url('/assets/arcanos-biblioteca.webp') center/cover;border-bottom:1px solid #d4af6345}.youtube-hero-inner{max-width:820px}.youtube-hero .eyebrow{color:var(--yt-gold);font:700 11px/1.7 Arial,sans-serif;letter-spacing:2px}.youtube-hero h1{font:400 clamp(42px,5.5vw,72px)/1.1 Georgia,serif;letter-spacing:-1.4px;color:var(--yt-ink);margin:18px 0 24px}.youtube-hero h1 em{color:var(--yt-gold)}.youtube-hero p{max-width:670px;color:var(--yt-muted);font:17px/1.85 Arial,sans-serif}.youtube-hero .actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:26px}.youtube-hero .button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 22px;background:#9b1737;border:1px solid #c65d73;color:#fff0df;text-decoration:none;font:600 14px/1.6 Arial,sans-serif}.youtube-hero .button.secondary{background:#07112080;border-color:#d4af6380;color:var(--yt-gold)}.youtube-page>section:not(.youtube-hero){width:min(1240px,calc(100% - 48px))}.youtube-library{padding:15px 0 60px;margin:auto}.youtube-library h2{font:400 clamp(30px,3vw,42px)/1.2 Georgia,serif;margin:12px 0 18px}.youtube-library>p{color:var(--yt-muted);font:15px/1.8 Arial,sans-serif;max-width:720px}.youtube-invite{box-sizing:border-box;max-width:1240px;margin:40px auto;padding:30px;background:#132239;border:1px solid #d4af6366;color:#f2e9d8;border-radius:10px}.youtube-invite h2{font:400 clamp(28px,3vw,38px)/1.2 Georgia,serif;margin:12px 0 18px;color:#e0bd76}.youtube-invite p{font:15px/1.85 Arial,sans-serif;color:#c3cddd;max-width:780px}.youtube-invite a{display:inline-flex;align-items:center;min-height:44px;margin-top:8px;padding:10px 0;color:#e0bd76;font:600 15px/1.7 Arial,sans-serif;text-decoration:none}.youtube-page .youtube-feature-copy .button{background:transparent;border:1px solid #d4af6380;color:var(--yt-gold)}
@media(max-width:900px){.youtube-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.youtube-feature{grid-template-columns:minmax(0,1fr)}.youtube-feature-copy h3{max-width:780px}.youtube-heading{align-items:flex-start;flex-direction:column;gap:12px}}
@media(max-width:600px){.youtube-section{padding:22px;margin:32px auto}.youtube-grid{grid-template-columns:minmax(0,1fr);gap:22px}.youtube-heading h2{font-size:32px}.youtube-hero{padding:45px 24px}.youtube-hero h1{font-size:43px}.youtube-hero .actions{flex-direction:column;align-items:stretch}.youtube-page>section:not(.youtube-hero){width:calc(100% - 32px)}.youtube-play{font-size:12px;padding:6px 14px;bottom:9px}.youtube-invite{padding:24px;width:calc(100% - 32px)}}
.youtube-library-heading{margin-top:45px;padding-top:32px;border-top:1px solid var(--yt-border)}.youtube-library-heading h2{font:400 clamp(29px,3vw,40px)/1.2 Georgia,serif;margin:0 0 18px;color:var(--yt-ink)}.youtube-library-heading p{font:15px/1.85 Arial,sans-serif;color:var(--yt-muted);max-width:760px}

/* Give the media its own 16:9 box, independent of link and image defaults. */
.youtube-frame,.youtube-section .youtube-poster,.youtube-card>a.youtube-card-image{box-sizing:border-box;position:relative;display:block;width:100%;height:auto;aspect-ratio:16/9;overflow:hidden}
.youtube-section .youtube-poster>img,.youtube-card>a.youtube-card-image>img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:contain;object-position:center}
.youtube-feature-copy h3 a,.youtube-card h3 a{display:inline;padding:0;color:inherit;font:inherit;text-decoration:none}
.youtube-feature-copy h3 a:hover,.youtube-card h3 a:hover{text-decoration:underline;text-underline-offset:4px}
.youtube-section a:focus-visible{outline:3px solid var(--yt-gold);outline-offset:4px}