/* The clean mode hides YouTube controls, never the thumbnail that loads a video. */
.pbhost-youtube--clean .pbhost-youtube__thumbnail{display:block!important}
.pbhost-youtube__player iframe{z-index:1}.pbhost-youtube__thumbnail{z-index:2}.pbhost-youtube__fullscreen{display:block!important;z-index:3!important;right:9px!important;bottom:9px!important}.pbhost-youtube__player.is-loading .pbhost-youtube__thumbnail-play{animation:pbhost-youtube-loading .8s ease-in-out infinite}@keyframes pbhost-youtube-loading{50%{transform:translate(-50%,-50%) scale(.88);opacity:.72}}

/* Grades configuráveis: 2, 3 ou 4 vídeos lado a lado em desktop. */
.pbhost-youtube--grid-2 .pbhost-youtube__list{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px}
.pbhost-youtube--grid-3 .pbhost-youtube__list{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px}
.pbhost-youtube--grid-4 .pbhost-youtube__list{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px}
@media(max-width:760px){.pbhost-youtube--grid-3 .pbhost-youtube__list,.pbhost-youtube--grid-4 .pbhost-youtube__list{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:600px){.pbhost-youtube--grid-2 .pbhost-youtube__list,.pbhost-youtube--grid-3 .pbhost-youtube__list,.pbhost-youtube--grid-4 .pbhost-youtube__list{grid-template-columns:1fr!important}}

/* Carrossel exclusivo das grades de 2, 3 e 4 vídeos. */
.pbhost-youtube__carousel{display:block;position:relative}
.pbhost-youtube__carousel-viewport{overflow:hidden}
.pbhost-youtube__carousel-track{display:flex;gap:14px;transition:transform .32s ease}
.pbhost-youtube__carousel-track .pbhost-youtube__card{flex:0 0 100%;min-width:0}
.pbhost-youtube__carousel-track--2 .pbhost-youtube__card{flex-basis:calc((100% - 14px)/2)}
.pbhost-youtube__carousel-track--3 .pbhost-youtube__card{flex-basis:calc((100% - 28px)/3)}
.pbhost-youtube__carousel-track--4 .pbhost-youtube__card{flex-basis:calc((100% - 42px)/4)}
.pbhost-youtube__carousel-button{position:absolute;top:50%;z-index:2;width:34px;height:34px;border:0;border-radius:50%;background:#172033;color:#fff;cursor:pointer;font:400 28px/30px Arial,sans-serif;transform:translateY(-50%)}
.pbhost-youtube__carousel-button.is-previous{left:-44px}.pbhost-youtube__carousel-button.is-next{right:-44px}
.pbhost-youtube__carousel-button:hover:not(:disabled),.pbhost-youtube__carousel-button:focus-visible{background:#d21f16}
.pbhost-youtube__carousel-button:disabled{visibility:hidden}
@media(max-width:760px){.pbhost-youtube__carousel-track--3 .pbhost-youtube__card,.pbhost-youtube__carousel-track--4 .pbhost-youtube__card{flex-basis:calc((100% - 14px)/2)}}
@media(max-width:600px){.pbhost-youtube__carousel-button{width:28px;height:28px;font-size:24px;line-height:24px}.pbhost-youtube__carousel-button.is-previous{left:8px}.pbhost-youtube__carousel-button.is-next{right:8px}.pbhost-youtube__carousel-track--2 .pbhost-youtube__card,.pbhost-youtube__carousel-track--3 .pbhost-youtube__card,.pbhost-youtube__carousel-track--4 .pbhost-youtube__card{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){.pbhost-youtube__carousel-track{transition:none}}
