.tecnm-radio{
  --tecnm-radio-fondo:#0b2f4c;--tecnm-radio-texto:#fff;--tecnm-radio-acento:#f2a900;
  background:var(--tecnm-radio-fondo);color:var(--tecnm-radio-texto);
  display:flex;align-items:center;gap:16px;font-family:inherit;
}

/* --- Widget suelto (shortcode dentro del contenido) --- */
.tecnm-radio--widget{border-radius:14px;padding:14px 18px;flex-wrap:wrap;max-width:520px;}

/* --- Barra fija superior / inferior --- */
.tecnm-radio--fijo-superior,.tecnm-radio--fijo-inferior{
  position:fixed;left:0;right:0;z-index:9998;padding:10px 20px;box-shadow:0 0 18px rgba(0,0,0,.25);
}
.tecnm-radio--fijo-superior{top:0;}
.tecnm-radio--fijo-inferior{bottom:0;}

/* --- Flotante esquina --- */
.tecnm-radio--flotante{
  position:fixed;right:18px;bottom:18px;z-index:9998;border-radius:50px;padding:10px 18px;
  box-shadow:0 6px 24px rgba(0,0,0,.3);max-width:min(90vw,420px);
}

.tecnm-radio__marca{display:flex;align-items:center;gap:10px;}
.tecnm-radio__logo{width:36px;height:36px;object-fit:contain;border-radius:6px;}
.tecnm-radio__nombre{display:flex;flex-direction:column;line-height:1.15;font-size:.85rem;}
.tecnm-radio__nombre span{opacity:.75;font-size:.72rem;}

.tecnm-radio__controles{display:flex;align-items:center;gap:10px;}
.tecnm-radio__play,.tecnm-radio__stop,.tecnm-radio__popup{
  background:var(--tecnm-radio-acento);color:#151515;border:0;width:34px;height:34px;border-radius:50%;
  cursor:pointer;font-size:.9rem;display:flex;align-items:center;justify-content:center;
}
.tecnm-radio__stop,.tecnm-radio__popup{background:rgba(255,255,255,.18);color:var(--tecnm-radio-texto);}
.tecnm-radio.is-reproduciendo .tecnm-radio__play{background:#2ecc71;}
.tecnm-radio__volumen{width:80px;accent-color:var(--tecnm-radio-acento);}

.tecnm-radio__metadatos{font-size:.78rem;opacity:.9;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

@media (max-width:600px){
  .tecnm-radio__metadatos{display:none;}
  .tecnm-radio--flotante{padding:8px 12px;}
}