/* El diseño existente permanece en original.css. Estas reglas añaden el showreel web. */
.web-showcase-section { border-top:1px solid #f4f0e81a; }
.web-showcase-section .section-header h2 { white-space:nowrap; }
.web-showcase-film { margin:0; border:1px solid #b99b5d42; background:#070707; }
.web-showcase-film video { display:block; width:100%; height:auto; aspect-ratio:16/9; object-fit:contain; background:#080808; }
.web-showcase-film figcaption { display:flex; justify-content:space-between; gap:20px; padding:20px 24px; border-top:1px solid #f4f0e81a; color:var(--ash,#aca99f); font-size:10px; letter-spacing:.12em; line-height:1.6; }
.web-showcase-actions { display:flex; justify-content:space-between; align-items:center; gap:32px; margin-top:34px; }
.web-showcase-actions p { color:var(--gold-bright,#dcc28b); font:italic clamp(24px,3vw,38px)/1.15 Georgia,serif; }
.web-showcase-actions .button { flex-shrink:0; gap:16px; }
video:focus-visible { outline:2px solid var(--gold-bright,#dcc28b); outline-offset:5px; }
/* El acceso flotante no debe cubrir los controles del nuevo video. */
.viewing-web-showcase .whatsapp-float { opacity:0; pointer-events:none; }
@media(max-width:760px) {
  .web-showcase-section .section-header h2 { white-space:normal; }
  .web-showcase-film figcaption { padding:14px; flex-direction:column; gap:6px; font-size:9px; }
  .web-showcase-actions { align-items:flex-start; flex-direction:column; gap:22px; }
}