/* Botão flutuante */
#podcast-floating {
  position: fixed;
  bottom: 1.5rem;
  right: 1.5rem;
  z-index: 9999;
}

.podcast-button {
  background: linear-gradient(135deg,#ec4899,#db2777);
  color:white;
  font-weight:bold;
  padding:.75rem 1.5rem;
  border-radius:9999px;
  box-shadow:0 8px 20px rgba(219,39,119,.4);
  animation:pulse 1.8s infinite;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  cursor:pointer;
}

.podcast-button:hover {
  transform: scale(1.08);
  box-shadow:0 12px 25px rgba(219,39,119,.5);
}

/* Pop-up */
.podcast-popup {
  position: fixed;
  inset:0;
  background: rgba(0,0,0,0.65);
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:9998;
}

.popup-content {
  background:white;
  border-radius:1rem;
  width:90%;
  max-width:650px;
  padding:1rem;
  box-shadow:0 8px 30px rgba(0,0,0,.25);
  animation:fadeIn 0.3s ease-out;
}

.podcast-iframe {
  width:100%;
  height:20rem;
  border-radius:0.5rem;
  border:none;
}

.popup-actions {
  display:flex;
  justify-content:flex-end;
  gap:.5rem;
  margin-top:.75rem;
}

.btn-minimize, .btn-close {
  padding:.5rem 1rem;
  border-radius:.5rem;
  font-weight:600;
  color:white;
  cursor:pointer;
}

.btn-minimize { background:#f59e0b; }
.btn-close { background:#dc2626; }

/* Minimizado */
.podcast-minimized {
  position:fixed;
  bottom:1rem;
  right:1rem;
  background:white;
  border:1px solid #ddd;
  border-radius:.75rem;
  padding:.5rem 1rem;
  box-shadow:0 6px 15px rgba(0,0,0,.15);
  z-index:9999;
}

.btn-restore {
  background:transparent;
  color:#2563eb;
  font-weight:600;
  border:none;
  cursor:pointer;
}

/* Animações */
@keyframes pulse {0%,100%{transform:scale(1);}50%{transform:scale(1.12);}}
@keyframes fadeIn {from{opacity:0; transform:translateY(15px);} to{opacity:1; transform:translateY(0);}}

.hidden { display:none; }
