/* ====== CUADRO DEL CANAL ====== */
.subiframe{
  width:100%;
  max-width:900px;
  margin:16px auto 0;     /* 👈 sin margen abajo para no “pegar” */
  padding:10px;
  background:#e5e7eb;
  border-radius:18px;
  box-shadow:0 12px 28px rgba(0,0,0,.14);
}

.preframe{
  width:100%;
  border-radius:14px;
  overflow:hidden;
  background:#000;
}

#embedIframe{
  width:100%;
  aspect-ratio:16/9;
  display:block;
  border:0;
}

/* ====== BOTÓN FUERA, CON AIRE Y CENTRADO ====== */
.reload-wrap{
  width:100%;
  max-width:900px;          /* 👈 igual que la TV para que se vea alineado */
  margin:14px auto 18px;    /* 👈 separación real */
  display:flex;
  justify-content:center;
}

#btnIframe{
  width:min(520px, 100%);
  padding:14px 18px;
  border-radius:999px;
  border:none;
  background:#15803d;
  color:#fff;
  font-weight:900;
  font-size:1.05rem;
  box-shadow:0 10px 22px rgba(0,0,0,.18);
  transition:transform .15s ease, box-shadow .15s ease, background-color .25s;
}

#btnIframe:hover{
  background:#16a34a;
  cursor:pointer;
  transform: translateY(-2px);
  box-shadow:0 14px 28px rgba(0,0,0,.22);
}

/* ====== MOBILE ====== */
@media (max-width:768px){
  .subiframe{ max-width:100%; padding:8px; border-radius:14px; }
  .reload-wrap{ max-width:100%; margin:12px auto 16px; }
  #btnIframe{ width:100%; border-radius:14px; }
}