/* ===== Vídeos que carregam no clique (23/10/2026). Código em plugins/dr-videos ===== */
.dr-videos{display:grid;grid-template-columns:1fr;gap:28px;margin:16px 0 8px}
@media (min-width:700px){.dr-videos{grid-template-columns:1fr 1fr}}
.dr-video{margin:0}
.entry-content .dr-video-play,.dr-video-player{position:relative;display:block;aspect-ratio:16/9;width:100%;background:var(--dr-preto);border-radius:8px;overflow:hidden;text-decoration:none!important;box-shadow:none!important}
.dr-video-player{border:0;height:auto}
.dr-video-play img{display:block;width:100%;height:100%;object-fit:cover;margin:0!important;border-radius:0!important;transition:transform .3s ease}
.entry-content .dr-video-play:hover{background:var(--dr-preto)!important}
.dr-video-play:hover img,.dr-video-play:focus-visible img{transform:scale(1.03)}
.dr-video-play:focus-visible{outline:3px solid var(--dr-laranja);outline-offset:3px}
/* Botão de play: círculo laranja com triângulo preto */
.dr-video-icone{position:absolute;left:50%;top:50%;width:68px;height:68px;margin:-34px 0 0 -34px;border-radius:50%;background:var(--dr-laranja);box-shadow:0 2px 12px rgba(0,0,0,.35);transition:transform .2s ease}
.dr-video-icone::after{content:"";position:absolute;left:27px;top:21px;border-style:solid;border-width:13px 0 13px 21px;border-color:transparent transparent transparent var(--dr-preto)}
.dr-video-play:hover .dr-video-icone{transform:scale(1.08)}
.dr-video-duracao{position:absolute;right:10px;bottom:10px;background:var(--dr-preto);color:#fff;font-family:var(--dr-mono);font-size:12px;font-weight:700;letter-spacing:.04em;padding:3px 7px;border-radius:2px}
.dr-video figcaption{display:flex;flex-direction:column;gap:4px;margin-top:12px;font-family:inherit;color:var(--dr-preto);letter-spacing:0}
.dr-video-titulo{font-family:"Schibsted Grotesk",sans-serif;font-size:19px;font-weight:700;line-height:1.25}
.dr-video-meta{font-family:var(--dr-mono);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:700;color:var(--dr-cinza)}
.dr-video-resumo{font-size:16px;line-height:1.5;color:var(--dr-preto)}
/* 1.0.2: qualquer <br> ou <p> solto que o WordPress ponha entre os vídeos não vira célula vazia na grade */
.dr-videos>:not(.dr-video){display:none!important}
/* 1.0.2: lado a lado, as linhas dos cartões ficam alinhadas (título com título, data com data, resumo com resumo),
   mesmo quando um título tem duas linhas e o outro uma */
@supports (grid-template-rows:subgrid){
@media (min-width:700px){
.dr-videos{row-gap:0}
.dr-video{display:grid;grid-template-rows:subgrid;grid-row:span 4;row-gap:0;margin-bottom:28px}
.dr-video figcaption{display:contents}
.dr-video-titulo{margin-top:12px}
.dr-video-meta,.dr-video-resumo{margin-top:4px}
}
}
