/* cyp-video.css — estilos del reproductor de vídeos de pueblo */
.cyp { --cyp-gold:#e8b84b; --cyp-ink:#0b0f13; --cyp-cream:#f4eede;
       font-family: inherit; max-width: 900px; }
.cyp-stage { position:relative; background:#0b0f13; border-radius:14px;
             overflow:hidden; aspect-ratio:16/9; }
.cyp-video { width:100%; height:100%; display:block; object-fit:cover; background:#0b0f13; }
.cyp-play { position:absolute; inset:0; width:100%; height:100%; border:0; cursor:pointer;
            display:flex; flex-direction:column; align-items:center; justify-content:center;
            gap:14px; background:linear-gradient(180deg,rgba(11,15,19,.15),rgba(11,15,19,.62));
            color:var(--cyp-cream); font:inherit; transition:background .2s; }
.cyp-play:hover { background:linear-gradient(180deg,rgba(11,15,19,.05),rgba(11,15,19,.5)); }
.cyp-play.hidden { display:none; }
.cyp-tri { width:74px; height:74px; border-radius:50%;
           background:linear-gradient(135deg,var(--cyp-gold),#e0784f);
           box-shadow:0 14px 44px rgba(0,0,0,.55); position:relative; }
.cyp-tri::after { content:''; position:absolute; left:53%; top:50%;
                  transform:translate(-50%,-50%);
                  border-left:22px solid var(--cyp-ink);
                  border-top:14px solid transparent; border-bottom:14px solid transparent; }
.cyp-play-txt { font-weight:700; font-size:1.02rem; text-shadow:0 2px 14px rgba(0,0,0,.75);
                padding:0 18px; text-align:center; }
.cyp-bar { display:flex; flex-wrap:wrap; gap:10px; align-items:center;
           justify-content:space-between; margin-top:12px; }
.cyp-lang { padding:9px 12px; border-radius:9px; border:1px solid #d7cfc0;
            background:#fff; font:inherit; font-size:.94rem; cursor:pointer; min-width:190px; }
.cyp-share { display:flex; gap:8px; flex-wrap:wrap; }
.cyp-sh { display:inline-block; padding:9px 15px; border-radius:9px; font-size:.88rem;
          font-weight:600; text-decoration:none; cursor:pointer;
          border:1px solid #d7cfc0; background:#fff; color:#3a3226; font-family:inherit; }
.cyp-sh:hover { background:#f6f1e7; }
.cyp-note { margin-top:8px; font-size:.86rem; color:#6d6353; }
.cyp-err { padding:16px; border-radius:12px; background:#fdf3f2; color:#7a1d1a;
           border:1px solid #f0d6d3; font-size:.92rem; }
@media (max-width:560px){
  .cyp-bar { flex-direction:column; align-items:stretch; }
  .cyp-lang { width:100%; }
  .cyp-tri { width:60px; height:60px; }
}