/* Vídeos de la Dra. Belío (reels subidos a la web, no insertados desde Instagram) */
.vid-bloque{margin-top:56px; display:grid; grid-template-columns:minmax(0,300px) minmax(0,1fr); gap:44px; align-items:center;}
.vid-bloque .vid-texto h3{font-family:var(--display,serif); font-weight:400; font-size:clamp(24px,2.6vw,32px); line-height:1.2; margin-bottom:14px; color:var(--ink,#211F1C);}
.vid-bloque .vid-texto p{color:var(--ink-soft,#5C574E); font-size:16px; margin-bottom:12px;}
.vid-grid{display:grid; grid-template-columns:repeat(4,minmax(0,260px)); gap:24px;}
.vid-seccion{margin-top:72px;}
.vid-seccion .vid-head{max-width:620px; margin-bottom:36px;}
.vid-seccion .vid-head h2{font-size:clamp(28px,3vw,38px); margin-bottom:14px;}
.vid-seccion .vid-head p{color:var(--ink-soft,#5C574E);}
.vid{margin:0;}
.vid-marco{position:relative; aspect-ratio:9/16; border-radius:18px; overflow:hidden; background:#E9E2D6; box-shadow:0 14px 34px -18px rgba(33,31,28,.45);}
.vid-marco video{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; background:#E9E2D6;}
.vid-play{position:absolute; inset:0; display:flex; align-items:center; justify-content:center; border:0; cursor:pointer; background:linear-gradient(180deg,rgba(0,0,0,0) 55%,rgba(33,31,28,.35)); transition:opacity .25s ease;}
.vid-play span{width:66px; height:66px; border-radius:50%; background:rgba(250,248,245,.92); display:flex; align-items:center; justify-content:center; box-shadow:0 6px 20px rgba(0,0,0,.18);}
.vid-play span::before{content:""; margin-left:5px; border-style:solid; border-width:11px 0 11px 18px; border-color:transparent transparent transparent var(--accent-deep,#6B5334);}
.vid-play:hover span{transform:scale(1.06);}
.vid-play:focus-visible{outline:2px solid var(--accent,#96754A); outline-offset:-4px;}
.vid.reproduciendo .vid-play{opacity:0; pointer-events:none;}
.vid figcaption{margin-top:12px; font-size:15px; font-weight:500; color:var(--ink,#211F1C); line-height:1.35;}
.vid figcaption small{display:block; font-weight:300; color:var(--ink-soft,#5C574E); font-size:13px; margin-top:2px;}
@media (max-width:980px){
  .vid-grid{grid-template-columns:none; grid-auto-flow:column; grid-auto-columns:minmax(210px,62%); overflow-x:auto; scroll-snap-type:x mandatory; padding-bottom:10px; -webkit-overflow-scrolling:touch;}
  .vid-grid .vid{scroll-snap-align:start;}
}
@media (max-width:720px){
  .vid-bloque{grid-template-columns:1fr; gap:24px; margin-top:40px;}
  .vid-bloque .vid{max-width:280px; margin:0 auto; width:100%;}
  .vid-seccion{margin-top:48px;}
}