/* Minimal, accessible styling */
:root { --bg:#111; --fg:#fff; --accent:#3aa0ff; --muted:#999; --ok:#28a745; --no:#dc3545; }
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Arial,sans-serif;line-height:1.5;color:#222}
main{max-width:920px;margin:0 auto;padding:24px}
header{background:#0f172a;color:white;padding:24px}
header h1{margin:0;font-size:28px}
.radio-tag{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#cbd5e1}
footer{background:#0b1220;color:#cbd5e1;padding:24px;text-align:center}
footer a{color:#cbd5e1;text-decoration:underline}

#cookie-banner{
  position:fixed;left:0;right:0;bottom:0;z-index:9999;
  background:var(--bg);color:var(--fg);
  padding:16px;border-top:1px solid #222; box-shadow: 0 -6px 24px rgba(0,0,0,.35);
}
#cookie-banner .wrap{max-width:920px;margin:0 auto;display:flex;gap:12px;align-items:center;flex-wrap:wrap}
#cookie-banner p{margin:0;flex:1;min-width:260px;font-size:14px;color:#e5e7eb}
#cookie-banner a{color:var(--accent)}
#cookie-banner .btns{display:flex;gap:8px}
.cookie-btn{border:0;border-radius:10px;padding:10px 14px;font-weight:600;cursor:pointer}
.accept{background:var(--ok);color:white}
.reject{background:transparent;color:white;border:1px solid #333}
.prefs{background:transparent;color:#ddd;text-decoration:underline}

.yt-placeholder{
  position:relative; background:#0b1220;color:white;border-radius:12px;
  padding:24px;text-align:center;border:1px solid #26304b;
}
.yt-placeholder button{margin-top:12px}
.yt-thumb{width:100%; max-width:720px; border-radius:8px; display:block; margin:0 auto 10px auto;}
.note{color:var(--muted);font-size:13px}
button{border-radius:10px;border:1px solid #ccc;padding:10px 14px;background:white;cursor:pointer}
button:focus{outline:3px solid #8ecfff;outline-offset:2px}
/* Placeholder elegante para YouTube */
.yt-placeholder{
  border:1px solid #26304b; background:#0b1220; color:#e4e6eb;
  padding:12px; border-radius:10px; text-align:center; margin:12px 0;
}
.yt-thumb{max-width:100%; height:auto; border-radius:6px; display:block; margin:0 auto 10px;}
/* Botón visible */
[data-yt-btn]{
  background:#ffffff; color:#0b1220; font-weight:700;
  padding:10px 16px; border:0; border-radius:10px; cursor:pointer;
  box-shadow:0 6px 18px rgba(0,0,0,.25);
}
[data-yt-btn]:hover{ opacity:.9; }
/* Ajuste visual del botón de carga */
[data-yt-btn] {
  display: inline-block;
  min-width: 160px;
  font-size: 15px;
  transition: all 0.2s ease;
}

/* Centrar el texto del aviso debajo del vídeo */
.yt-placeholder p {
  font-size: 14px;
  line-height: 1.5;
  color: #e4e6eb;
  margin-bottom: 12px;
}
.footer-legal {
  color: #000; /* Texto negro */
  font-size: 14px;
  text-align: center;
  padding: 20px 0;
}

.footer-legal a {
  color: #000; /* Enlaces negros */
  text-decoration: none;
}

.footer-legal a:hover {
  text-decoration: underline; /* Subrayado al pasar el ratón */
}