/* YouTube Destaque. All selectors are scoped to the module instance. */
.youtube-destaque{position:relative;isolation:isolate;overflow:hidden;border-radius:var(--ytd-radius);padding:var(--ytd-padding);background:var(--ytd-bg);color:var(--ytd-text);box-sizing:border-box}
.youtube-destaque *{box-sizing:border-box}
.youtube-destaque.ytd-bg-gradient{background:var(--ytd-gradient)}
.youtube-destaque.ytd-bg-image{background-color:var(--ytd-bg);background-image:var(--ytd-bg-image);background-size:cover;background-position:center}
.youtube-destaque .ytd-bg-overlay{position:absolute;inset:0;z-index:-1;background:rgba(0,0,0,var(--ytd-overlay))}
.youtube-destaque .ytd-inner{position:relative;z-index:1}
.youtube-destaque .ytd-header{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:24px}
.youtube-destaque .ytd-brand{display:flex;align-items:center;gap:13px;min-width:0}
.youtube-destaque .ytd-youtube-mark{display:grid;place-items:center;width:48px;height:34px;flex:0 0 auto;border-radius:10px;background:#ff0033;color:#fff;font-size:17px}
.youtube-destaque .ytd-header h2{margin:0;color:var(--ytd-text);font-size:var(--ytd-title-size);line-height:1.15;font-weight:800}
.youtube-destaque .ytd-header p{margin:6px 0 0;color:var(--ytd-muted);font-size:14px;line-height:1.5}
.youtube-destaque .ytd-channel-button,.youtube-destaque .ytd-action{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:11px 18px;border:0;border-radius:9px;background:var(--ytd-button-bg);color:var(--ytd-button-text);font-weight:700;text-decoration:none;transition:background .2s,transform .2s;cursor:pointer}
.youtube-destaque .ytd-channel-button:hover,.youtube-destaque .ytd-action:hover{background:var(--ytd-button-hover);color:var(--ytd-button-text);transform:translateY(-2px)}
.youtube-destaque .ytd-content{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(250px,.85fr);gap:26px;align-items:stretch}
.youtube-destaque .ytd-featured{min-width:0;display:flex;flex-direction:column;overflow:hidden;border-radius:12px;background:rgba(0,0,0,.20)}
.youtube-destaque .ytd-featured-media{position:relative;aspect-ratio:16/9;overflow:hidden;background:#090a0d}
.youtube-destaque .ytd-featured-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s}
.youtube-destaque .ytd-featured:hover .ytd-featured-media img{transform:scale(1.025)}
.youtube-destaque .ytd-featured-tag{position:absolute;left:16px;top:16px;padding:6px 10px;border-radius:5px;background:var(--ytd-accent);color:#fff;font-size:10px;font-weight:800;letter-spacing:.09em}
.youtube-destaque .ytd-play{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:68px;height:48px;border:0;border-radius:13px;background:rgba(255,0,40,.94);color:#fff;font-size:22px;text-decoration:none;cursor:pointer;transition:transform .2s,background .2s}
.youtube-destaque .ytd-play:hover{transform:translate(-50%,-50%) scale(1.09);background:#e0002b}
.youtube-destaque .ytd-featured-info{padding:22px 24px 24px}
.youtube-destaque .ytd-eyebrow,.youtube-destaque .ytd-card-source{display:block;margin-bottom:7px;color:var(--ytd-accent);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.youtube-destaque .ytd-featured-info h3{margin:0 0 10px;color:var(--ytd-text);font-size:clamp(19px,2vw,27px);line-height:1.2;font-weight:800}
.youtube-destaque .ytd-featured-info p{margin:0 0 18px;color:var(--ytd-muted);font-size:14px;line-height:1.6}
.youtube-destaque .ytd-sidebar{min-width:0;padding:18px;border-radius:12px;background:rgba(0,0,0,.17)}
.youtube-destaque .ytd-sidebar-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.14)}
.youtube-destaque .ytd-sidebar-heading h3{margin:0;color:var(--ytd-text);font-size:18px;font-weight:800}
.youtube-destaque .ytd-sidebar-heading span{color:var(--ytd-muted);font-size:11px;white-space:nowrap}
.youtube-destaque .ytd-video-list{display:flex;flex-direction:column;gap:14px}
.youtube-destaque .ytd-video-card{display:grid;grid-template-columns:118px minmax(0,1fr);gap:12px;align-items:center;min-width:0}
.youtube-destaque .ytd-thumb{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:7px;background:#08090c}
.youtube-destaque .ytd-thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s}
.youtube-destaque .ytd-video-card:hover .ytd-thumb img{transform:scale(1.06)}
.youtube-destaque .ytd-card-open{position:absolute;z-index:2;inset:0;display:grid;place-items:center;border:0;background:transparent;color:#fff;text-decoration:none;cursor:pointer}
.youtube-destaque .ytd-card-open span{display:grid;place-items:center;width:34px;height:25px;border-radius:7px;background:rgba(255,0,40,.95);font-size:12px}
.youtube-destaque .ytd-card-info h4{margin:0;color:var(--ytd-text);font-size:var(--ytd-card-title-size);line-height:1.35;font-weight:700}
.youtube-destaque .ytd-card-info time{display:block;margin-top:6px;color:var(--ytd-muted);font-size:11px}
.youtube-destaque .ytd-empty{margin:0;color:var(--ytd-muted)}
.youtube-destaque .ytd-lightbox[hidden]{display:none}
.youtube-destaque .ytd-lightbox{position:fixed;z-index:99999;inset:0;display:flex;align-items:center;justify-content:center;padding:5vw;background:rgba(0,0,0,.92)}
.youtube-destaque .ytd-lightbox-frame{width:min(100%,1100px);aspect-ratio:16/9;background:#000}
.youtube-destaque .ytd-lightbox-frame iframe{display:block;width:100%;height:100%;border:0}
.youtube-destaque .ytd-lightbox-close{position:absolute;top:18px;right:24px;width:44px;height:44px;border:0;border-radius:50%;background:#fff;color:#111;font-size:30px;line-height:1;cursor:pointer}
@media(max-width:900px){.youtube-destaque .ytd-content{grid-template-columns:1fr}.youtube-destaque .ytd-video-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.youtube-destaque .ytd-video-card{grid-template-columns:110px minmax(0,1fr)}}
@media(max-width:560px){.youtube-destaque{padding:18px}.youtube-destaque .ytd-header{align-items:flex-start;flex-direction:column}.youtube-destaque .ytd-header h2{font-size:25px}.youtube-destaque .ytd-video-list{grid-template-columns:1fr}.youtube-destaque .ytd-video-card{grid-template-columns:116px minmax(0,1fr)}.youtube-destaque .ytd-featured-info{padding:17px}.youtube-destaque .ytd-sidebar{padding:14px}}
@media(prefers-reduced-motion:reduce){.youtube-destaque *{transition:none!important}}


/* v1.1.0: three independently managed content areas and selectable composition */
.youtube-destaque .ytd-layout{display:grid;grid-template-columns:minmax(180px,.72fr) minmax(0,1.55fr) minmax(250px,1fr);gap:24px;align-items:stretch}
.youtube-destaque .ytd-identity,.youtube-destaque .ytd-featured,.youtube-destaque .ytd-latest{min-width:0;position:relative}
.youtube-destaque .ytd-identity{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:18px 8px 18px 0}
.youtube-destaque .ytd-identity h2{margin:0;color:var(--ytd-text);font-size:var(--ytd-title-size);line-height:1.12;font-weight:800}
.youtube-destaque .ytd-identity .ytd-intro{margin:12px 0 20px;color:var(--ytd-muted);font-size:14px;line-height:1.55}
.youtube-destaque .ytd-identity-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:auto}
.youtube-destaque .ytd-youtube-mark{display:grid;place-items:center;width:44px;height:32px;border-radius:9px;background:#ff0033;color:#fff;font-size:17px}
.youtube-destaque .ytd-featured{display:flex;flex-direction:column;overflow:hidden;border-radius:12px;background:rgba(0,0,0,.20)}
.youtube-destaque .ytd-featured-media{flex:0 0 auto}
.youtube-destaque .ytd-featured-info{flex:1 1 auto}
.youtube-destaque .ytd-latest{padding:17px;border-radius:12px;background:rgba(0,0,0,.17)}
.youtube-destaque .ytd-sidebar-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.14)}
.youtube-destaque .ytd-sidebar-heading h3{margin:0;color:var(--ytd-text);font-size:18px;font-weight:800}
.youtube-destaque .ytd-sidebar-heading span{color:var(--ytd-muted);font-size:11px;white-space:nowrap}
.youtube-destaque .ytd-video-list{display:flex;flex-direction:column;gap:14px}
.youtube-destaque .ytd-video-card{display:grid;grid-template-columns:minmax(86px,38%) minmax(0,1fr);gap:11px;align-items:center;min-width:0}
.youtube-destaque .ytd-card-info h4{margin:0;color:var(--ytd-text);font-size:var(--ytd-card-title-size);line-height:1.35;font-weight:700}
.youtube-destaque.ytd-layout-vertical .ytd-layout{display:flex;flex-direction:column;gap:0}
.youtube-destaque.ytd-layout-vertical .ytd-identity{padding:8px 0 24px}
.youtube-destaque.ytd-layout-vertical .ytd-featured{margin:0;padding:24px 0;border-top:1px solid rgba(255,255,255,.2);border-radius:0;background:transparent}
.youtube-destaque.ytd-layout-vertical .ytd-featured-media{border-radius:12px}
.youtube-destaque.ytd-layout-vertical .ytd-featured-info{padding:18px 4px 4px}
.youtube-destaque.ytd-layout-vertical .ytd-latest{padding:22px 0 4px;border-top:1px solid rgba(255,255,255,.2);border-radius:0;background:transparent}
.youtube-destaque.ytd-layout-vertical .ytd-video-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.youtube-destaque.ytd-layout-vertical .ytd-video-card{grid-template-columns:minmax(100px,34%) minmax(0,1fr)}
@media(max-width:1050px){
 .youtube-destaque.ytd-layout-horizontal .ytd-layout{grid-template-columns:minmax(150px,.7fr) minmax(0,1.4fr)}
 .youtube-destaque.ytd-layout-horizontal .ytd-latest{grid-column:1/-1}
 .youtube-destaque.ytd-layout-horizontal .ytd-latest .ytd-video-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
 .youtube-destaque.ytd-layout-horizontal .ytd-video-card{grid-template-columns:minmax(90px,40%) minmax(0,1fr)}
}
@media(max-width:680px){
 .youtube-destaque.ytd-layout-horizontal .ytd-layout{display:flex;flex-direction:column;gap:0}
 .youtube-destaque.ytd-layout-horizontal .ytd-identity{padding:6px 0 22px}
 .youtube-destaque.ytd-layout-horizontal .ytd-featured{padding:22px 0;border-top:1px solid rgba(255,255,255,.2);border-radius:0;background:transparent}
 .youtube-destaque.ytd-layout-horizontal .ytd-featured-media{border-radius:10px}
 .youtube-destaque.ytd-layout-horizontal .ytd-featured-info{padding:16px 2px 4px}
 .youtube-destaque.ytd-layout-horizontal .ytd-latest{padding:20px 0 0;border-top:1px solid rgba(255,255,255,.2);border-radius:0;background:transparent}
 .youtube-destaque.ytd-layout-horizontal .ytd-latest .ytd-video-list,.youtube-destaque.ytd-layout-vertical .ytd-video-list{grid-template-columns:1fr}
 .youtube-destaque.ytd-layout-vertical .ytd-video-card,.youtube-destaque.ytd-layout-horizontal .ytd-video-card{grid-template-columns:116px minmax(0,1fr)}
}


/* v1.2.0: typography controls and independent YouTube mark sizing */
.youtube-destaque .ytd-identity-title{display:flex;align-items:center;gap:12px;width:100%;min-width:0}
.youtube-destaque .ytd-identity-title h2{flex:1 1 auto;min-width:0;margin:0!important;color:var(--ytd-text)!important;font-size:var(--ytd-title-size)!important;line-height:1.12!important;font-weight:800!important}
.youtube-destaque .ytd-identity .ytd-youtube-mark{width:var(--ytd-youtube-icon-size)!important;height:calc(var(--ytd-youtube-icon-size)*.73)!important;flex:0 0 auto;border-radius:calc(var(--ytd-youtube-icon-size)*.2)!important;font-size:calc(var(--ytd-youtube-icon-size)*.38)!important}
.youtube-destaque .ytd-identity .ytd-intro{font-size:var(--ytd-intro-size)!important}
.youtube-destaque .ytd-sidebar-heading h3{font-size:var(--ytd-sidebar-heading-size)!important;font-weight:var(--ytd-sidebar-heading-weight)!important;font-family:Arial,Helvetica,sans-serif!important}
.youtube-destaque .ytd-card-info h4{font-family:var(--ytd-card-title-font)!important;font-size:var(--ytd-card-title-size)!important;font-weight:var(--ytd-card-title-weight)!important;line-height:1.4!important;letter-spacing:normal!important;text-transform:none!important}

/* v1.3.0: align channel mark to the first title line */
.youtube-destaque .ytd-identity-title{align-items:flex-start!important}
.youtube-destaque .ytd-identity-title .ytd-youtube-mark{align-self:flex-start!important;margin-top:2px}