/* videos-comun.css — tarjetas de video y reproductor (videos.html, en-vivo.html) */
.vd-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.vd-grid.cinco{grid-template-columns:repeat(5,minmax(0,1fr))}
.vd-card{all:unset;box-sizing:border-box;display:flex;flex-direction:column;gap:10px;cursor:pointer;min-width:0}
.vd-card:focus-visible{outline:2px solid #F7B618;outline-offset:4px;border-radius:14px}
.vd-thumb{position:relative;display:grid;place-items:center;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:radial-gradient(120% 90% at 50% 30%,#232323,#080808);color:#fff}
.vd-thumb::after{content:"";position:absolute;inset:0;background:url('logo-liga-cerritos.png') right -18% bottom -40%/52% no-repeat;opacity:.05;pointer-events:none}
.vd-card:hover .vd-thumb{box-shadow:0 0 0 2px #F7B618}
.vd-thumb .vs{position:relative;z-index:1;display:flex;align-items:center;gap:14px;font:400 22px/1 Anton,Impact,sans-serif;letter-spacing:.02em}
.vd-thumb .vs .lc-esc{filter:drop-shadow(0 4px 10px rgba(0,0,0,.5))}
.vd-thumb .vs.sin{padding:0 18%;text-align:center}
.vd-thumb .vs.sin b{font:600 14px/1.3 Inter,sans-serif;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.vd-tag{position:absolute;left:10px;top:10px;z-index:1;height:22px;padding:0 8px;border-radius:6px;background:#141414;border:1px solid #2C2C2C;font:700 10px/22px 'Space Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:#E9E6DE}
.vd-play{position:absolute;left:12px;bottom:12px;z-index:1;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#F7B618;color:#111}
.vd-txt{display:flex;flex-direction:column;gap:3px;min-width:0}
.vd-txt b{font:600 15px/1.25 Inter,sans-serif;color:#141414}
.vd-txt small{font-size:12.5px;color:#4B5563}
.vd-grid.cinco .vd-thumb .vs{gap:8px;font-size:18px}
.vd-grid.cinco .vd-thumb .vs .lc-esc{width:38px !important;height:38px !important}
.vd-grid.cinco .vd-play{width:34px;height:34px}
.vd-modal{position:fixed;inset:0;z-index:2100;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(10,10,10,.78)}
.vd-modal[hidden]{display:none}
.vd-modal-caja{width:min(1040px,100%);background:#111;border-radius:18px;overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.5)}
.vd-modal-cab{display:flex;justify-content:space-between;gap:12px;padding:16px 18px;color:#fff}
.vd-modal-cab h3{margin:0;font:400 26px/1.05 Anton,Impact,sans-serif;text-transform:uppercase}
.vd-modal-cab p{margin:4px 0 0;font-size:13px;color:#D1D5DB}
.vd-cerrar{flex:none;width:40px;height:40px;border-radius:10px;border:1px solid #333;background:transparent;color:#fff;font-size:22px;line-height:1;cursor:pointer}
.vd-cerrar:hover{border-color:#F7B618;color:#F7B618}
.vd-frame{aspect-ratio:16/9;background:#000}
.vd-frame iframe{display:block;width:100%;height:100%;border:0}
.vd-error{margin:0;padding:40px;text-align:center;color:#D1D5DB}
.vd-modal-pie{display:flex;gap:20px;flex-wrap:wrap;padding:14px 18px}
.v11 .vd-modal-pie .lc-link{color:#F7B618}
@media (max-width:1180px){ .vd-grid.cinco{grid-template-columns:repeat(3,minmax(0,1fr))} }
@media (max-width:900px){ .vd-grid,.vd-grid.cinco{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:560px){
  .vd-grid,.vd-grid.cinco{grid-template-columns:1fr}
  .vd-grid.cinco .vd-thumb .vs{gap:14px;font-size:22px}
  .vd-grid.cinco .vd-thumb .vs .lc-esc{width:48px !important;height:48px !important}
  .vd-modal{padding:0;align-items:center}
  .vd-modal-caja{border-radius:0}
}