.esqnsf-card,
.esqnsf-card * {
  font-family: 'Montserrat', sans-serif;
}

.esqnsf-card{
  border:1px solid #e6e6e6;
  background:#fff;
  overflow:hidden;
}

/* Thumb */
.esqnsf-thumb{
  position:relative;
  cursor:pointer;
  background:#000;
}
.esqnsf-thumb img{
  width:100%;
  display:block;
}

/* PLAY (círculo + triángulo amarillo hecho con CSS) */
.esqnsf-card .esqnsf-play{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:70px;
  height:70px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:rgba(0,0,0,.55);
}

/* Triángulo */
.esqnsf-card .esqnsf-play-icon{
  width:0;
  height:0;
  border-top:12px solid transparent;
  border-bottom:12px solid transparent;
  border-left:20px solid #ffff00; /* ✅ amarillo */
  margin-left:4px;
}


/* VISTO */
.esqnsf-card .esqnsf-visto{
  position:absolute;
  top:10px;
  right:10px;
  background:#000;
  color:#fff;
  font-size:12px;
  padding:4px 8px;
  border-radius:3px;
  display:none;
  z-index:5;
  font-weight:700;
  letter-spacing:.5px;
}

/* T赤tulo amarillo */
.esqnsf-title{
  background:#ffff00 !important;
  font-weight:800;
  text-align:center;
  padding:10px;
  text-transform: uppercase;
}

/* Ocultamos mensaje inferior */
.esqnsf-msg{
  display:none !important;
}

/* Bot車n votar: FULL WIDTH y negro (forzado) */
.esqnsf-card .esqnsf-vote-btn{
  width:100% !important;
  display:block !important;
  margin-top:8px !important;
  background:#000 !important;
  color:#fff !important;
  border:none !important;
  padding:10px !important;
  font-weight:800 !important;
  cursor:pointer;
  text-transform:uppercase !important;
}

/* Estado votado: blanco + borde negro */
.esqnsf-card .esqnsf-vote-btn.is-voted{
  background:#fff !important;
  color:#000 !important;
  border:1px solid #000 !important;
}

/* Contador */
.esqnsf-votes{
  border-top:1px solid #e6e6e6;
  text-align:center;
  padding:8px;
  font-weight:700;
}

/* Lightbox */
.esqnsf-lightbox{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.75);
  z-index:999999;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;
}
.esqnsf-lightbox-inner{
  position:relative;
  width:min(900px, 95vw);
  background:#000;
  border-radius:8px;
  overflow:hidden;
}
.esqnsf-iframe-wrap{
  position:relative;
  width:100%;
  padding-top:56.25%;
}
.esqnsf-iframe-wrap iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}

/* Cerrar amarillo */
.esqnsf-close{
  position:absolute;
  right:10px;
  top:10px;
  z-index:2;
  background:transparent !important;
  color:#ffff00 !important;
  border:1px solid #ffff00 !important;
  border-radius:6px;
  padding:6px 10px;
  cursor:pointer;
}