:root {
  --mai-dark:   #203555;
  --mai-mid:    #315181;
  --mai-blue:   #416BAA;
  --direct:     #2e7d32;
  --direct-bg:  #e8f5e9;
  --direct-bdr: #66bb6a;
  --rerun:      #1565c0;
  --rerun-bg:   #e3f2fd;
  --rerun-bdr:  #64b5f6;
}

.rmai-public { font-family: Verdana, Geneva, Arial, sans-serif; font-size: 13px; color: #404040; }

/* ── Ahora en antena ─────────────────────────────────── */
.rmai-now-block {
  background: linear-gradient(135deg, var(--mai-dark), #2e4a78);
  color: #fff; border-radius: 10px; padding: 18px 22px;
  margin-bottom: 18px; position: relative; overflow: hidden;
}
.rmai-now-block::before {
  content:''; position:absolute; right:-20px; top:-20px;
  width:120px; height:120px; border-radius:50%; background:rgba(255,255,255,.05);
}
.rmai-now-label { font-size:11px; font-weight:bold; letter-spacing:1px; color:#ff6b6b; margin-bottom:6px; animation:rmai-blink 2s infinite; }
@keyframes rmai-blink { 0%,100%{opacity:1} 50%{opacity:.4} }
.rmai-now-name { font-size:20px; font-weight:bold; margin-bottom:4px; }
.rmai-now-cat  { font-size:12px; opacity:.75; margin-bottom:6px; }
.rmai-now-time { font-size:12px; opacity:.6; }

/* ── Compartir ───────────────────────────────────────── */
.rmai-share-bar {
  display:flex; align-items:center; gap:8px;
  margin-bottom:12px; flex-wrap:wrap;
}
.rmai-share-label { font-size:11px; color:#666; }
.rmai-share-btn {
  display:inline-flex; align-items:center; gap:5px;
  padding:5px 11px; border-radius:20px; font-size:11px;
  font-weight:bold; text-decoration:none; border:none; cursor:pointer;
  line-height:1; transition:opacity .2s;
}
.rmai-share-btn:hover { opacity:.85; }
.rmai-share-fb   { background:#1877f2; color:#fff; }
.rmai-share-x    { background:#000;    color:#fff; }
.rmai-export-btn { background:var(--mai-mid); color:#fff; }

/* ── Leyenda ─────────────────────────────────────────── */
.rmai-legend-bar { display:flex; gap:8px; margin-bottom:12px; flex-wrap:wrap; }
.rmai-leg { padding:3px 10px; border-radius:20px; font-size:11px; font-weight:bold; }
.rmai-leg-direct { background:var(--direct-bg); color:var(--direct); border:1px solid var(--direct-bdr); }
.rmai-leg-rerun  { background:var(--rerun-bg);  color:var(--rerun);  border:1px solid var(--rerun-bdr); }
.rmai-leg-air    { background:#fff0f0; color:#c62828; border:1px solid #ff6b6b; }

/* ── Pestañas ────────────────────────────────────────── */
.rmai-tabs { display:flex; gap:3px; flex-wrap:wrap; }
.rmai-tab {
  padding:7px 13px; border:none; border-radius:6px 6px 0 0;
  background:#dde4ee; color:var(--mai-dark); cursor:pointer;
  font-weight:bold; font-size:12px; transition:background .2s;
}
.rmai-tab.active, .rmai-tab:hover { background:var(--mai-dark); color:#fff; }
.rmai-tab.today  { background:var(--mai-blue); color:#fff; }
.rmai-tab-all    { background:var(--mai-mid);  color:#fff; }
.rmai-tab-all.active { background:var(--mai-dark); }

/* ── Vista TODOS ─────────────────────────────────────── */
.rmai-all-wrap {
  background:#fff; border:2px solid var(--mai-dark);
  border-radius:0 8px 8px 8px; margin-bottom:16px; overflow:hidden;
}
.rmai-all-scroll { overflow-x:auto; }
.rmai-all-cols {
  display:flex; min-width:700px;
}
.rmai-all-col { flex:1; min-width:130px; border-right:1px solid #dde4ee; }
.rmai-all-col:last-child { border-right:none; }
.rmai-all-col-head {
  background:linear-gradient(90deg, var(--mai-dark), var(--mai-mid));
  color:#fff; font-weight:bold; font-size:12px;
  padding:8px 10px; text-align:center; position:sticky; top:0;
}
.rmai-ac {
  padding:8px 10px; border-bottom:1px solid #eef2fa;
  font-size:11px;
}
.rmai-ac-direct { background:var(--direct-bg); border-left:3px solid var(--direct-bdr); }
.rmai-ac-rerun  { background:var(--rerun-bg);  border-left:3px solid var(--rerun-bdr); }
.rmai-ac-time { font-size:10px; color:#666; margin-bottom:3px; font-family:monospace; }
.rmai-ac-name { font-weight:bold; color:var(--mai-dark); font-size:11px; line-height:1.3; }
.rmai-ac-name em { color:var(--rerun); font-style:normal; }
.rmai-ac-cat  { font-size:10px; color:#888; margin-top:2px; }
.rmai-ac-empty { padding:12px 10px; font-size:11px; color:#aaa; font-style:italic; }

/* On-air en vista Todos */
.rmai-ac.on-air {
  outline:2px solid #ff6b6b;
  animation:rmai-pulse-cell 2s infinite;
}
@keyframes rmai-pulse-cell {
  0%,100% { box-shadow:inset 0 0 0 1px #ff6b6b; }
  50%      { box-shadow:inset 0 0 0 2px #ff6b6b, 0 0 8px rgba(255,107,107,.4); }
}

/* ── Vista por día ───────────────────────────────────── */
.rmai-panel {
  display:none; background:#fff;
  border:2px solid var(--mai-dark); border-radius:0 8px 8px 8px;
  padding:16px; margin-bottom:16px;
}
.rmai-panel.active { display:block; }
.rmai-panel-title  { font-size:15px; font-weight:bold; color:var(--mai-dark); margin-bottom:14px; }

.rmai-list { display:flex; flex-direction:column; gap:8px; }
.rmai-item {
  display:flex; align-items:center; gap:14px;
  padding:12px 14px; border-radius:6px; transition:transform .15s;
}
.rmai-item:hover { transform:translateX(3px); }
.rmai-item.rmai-direct { background:var(--direct-bg); border-left:4px solid var(--direct-bdr); }
.rmai-item.rmai-rerun  { background:var(--rerun-bg);  border-left:4px solid var(--rerun-bdr); }

.rmai-item.on-air {
  box-shadow:0 0 0 2px #ff6b6b, 0 4px 12px rgba(255,107,107,.3);
  animation:rmai-pulse-border 2s infinite;
}
@keyframes rmai-pulse-border {
  0%,100% { box-shadow:0 0 0 2px #ff6b6b, 0 4px 12px rgba(255,107,107,.3); }
  50%      { box-shadow:0 0 0 4px #ff6b6b, 0 4px 16px rgba(255,107,107,.5); }
}
.rmai-item-time { font-size:12px; color:#666; min-width:100px; }
.rmai-item-name { font-weight:bold; color:var(--mai-dark); font-size:14px; }
.rmai-item-name em { color:var(--rerun); font-style:normal; font-size:11px; }
.rmai-item-cat  { font-size:11px; color:#777; margin-top:2px; }
.rmai-item-type {
  margin-left:auto; font-size:10px; padding:3px 8px;
  border-radius:10px; font-weight:bold; white-space:nowrap;
}
.rmai-direct .rmai-item-type { background:var(--direct); color:#fff; }
.rmai-rerun  .rmai-item-type { background:var(--rerun);  color:#fff; }

.rmai-empty { color:#999; font-style:italic; padding:12px 0; }
.rmai-footer-note { font-size:11px; color:#999; margin-top:8px; }
.rmai-direct-dot { color:var(--direct); }
.rmai-rerun-dot  { color:var(--rerun); }

@media (max-width:500px) {
  .rmai-item-type { display:none; }
  .rmai-item-time { min-width:80px; font-size:11px; }
}