/* ==== Paleta própria da Medusa (rosa/magenta sobre o tema base do site) ==== */
:root{
  --medusa-pink:#E84FA0;
  --medusa-magenta:#9B1B6B;
  --medusa-deep:#2A0A1F;
}

.medusa-hero11{
  position:relative; min-height:80vh;
  display:flex; align-items:center; justify-content:center;
  padding:8vh 6vw 6vh;
  background:
    radial-gradient(ellipse 70% 60% at 50% 30%, rgba(155,27,107,0.35), transparent 70%),
    var(--void);
  overflow:hidden;
  gap:4vw;
  flex-wrap:wrap;
}

.medusa-portrait11{
  flex:0 1 380px;
  max-width:380px;
  border:1px solid rgba(232,79,160,0.3);
  box-shadow:0 0 60px rgba(232,79,160,0.25), 0 0 0 1px rgba(232,79,160,0.15);
}
.medusa-portrait img{
  width:100%; height:100%; object-fit:cover; display:block;
}

.medusa-intro{
  flex:1 1 380px; max-width:520px;
  align-self: center;
}
.medusa-eyebrow{
  font-family:'JetBrains Mono',monospace; font-size:0.7rem; letter-spacing:4px;
  color:var(--medusa-pink); text-transform:uppercase; margin-bottom:1rem;
  display:flex; align-items:center; gap:10px;
}
.medusa-eyebrow .dot{
  width:6px; height:6px; border-radius:50%; background:var(--medusa-pink);
  box-shadow:0 0 8px var(--medusa-pink); animation:pulse 2s infinite;
}
.medusa-hero h1{
  font-family:'Cinzel Decorative', serif; font-size:clamp(2.6rem, 7vw, 4.8rem); font-weight:900;
  background:linear-gradient(180deg, #F5A6D2 0%, var(--medusa-pink) 55%, var(--medusa-magenta) 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
  text-shadow:0 0 50px rgba(232,79,160,0.35);
  letter-spacing:1px; line-height:0.95;
}
.medusa-hero .subtitle{
  font-family:'Cinzel',serif; font-size:1rem; letter-spacing:4px; text-transform:uppercase;
  color:var(--gold); margin-top:0.6rem;
}
.medusa-hero .desc{
  font-family:'Crimson Text',serif; font-size:1.15rem; line-height:1.75; color:#e8cdd9;
  margin-top:1.8rem;
}

.medusa-glyph{
  display:flex; justify-content:center; margin:1.5rem 0;
}
.medusa-glyph svg{ width:70px; height:70px; filter:drop-shadow(0 0 16px rgba(232,79,160,0.5)); }

.medusa-quote{
  max-width:640px; margin:0 auto; text-align:center; padding:3rem 2rem;
  border-top:1px solid rgba(232,79,160,0.25); border-bottom:1px solid rgba(232,79,160,0.25);
}
.medusa-quote p{
  font-family:'Cinzel',serif; font-size:1.3rem; letter-spacing:1px; line-height:1.8;
  color:var(--medusa-pink); text-shadow:0 0 20px rgba(232,79,160,0.3);
}

.medusa-invoke{
  max-width:640px; margin:0 auto; text-align:center; padding:0 2rem;
}
.medusa-invoke h3{
  font-family:'Cinzel',serif; font-size:1.1rem; letter-spacing:1px; color:var(--parch);
  margin-bottom:0.8rem;
}
.medusa-invoke p{
  color:var(--smoke); font-size:1rem; line-height:1.7;
}
.medusa-invoke code{
  color:var(--medusa-pink); background:rgba(232,79,160,0.1);
  padding:2px 8px; border-radius:2px; font-family:'JetBrains Mono',monospace;
}

@media(max-width:640px){
  .medusa-hero{flex-direction:column; text-align:center;}
  .medusa-intro{text-align:center;}
  .medusa-eyebrow{justify-content:center;}
}

/* Alinha o player exatamente por baixo da imagem */
/* Mantém imagem + texto centrados no ecrã */
.medusa-hero{
  display:flex;
  justify-content:center; /* <-- volta a centrar tudo */
  align-items:flex-start;
  gap:2rem;
}

/* Bloco da imagem + player */
.medusa-left{
  display:flex;
  flex-direction:column;
  align-items:center; /* <-- player centrado com a imagem */
}

/* Imagem */
.medusa-portrait img{
  width:100%;
  max-width:380px;
  display:block;
}

/* Player */
.medusa-player{
  margin-top:1.5rem;
  display:flex;
  flex-direction:row; /* <-- muda para horizontal */
  align-items:center; /* <-- alinha verticalmente */
  gap:1rem; /* <-- espaço entre botão e texto */
}

/* Botão */
.medusa-play-btn{
  width:45px;
  height:45px;
  border-radius:50%;
  border:2px solid var(--medusa-pink);
  background:rgba(155,27,107,0.15);
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  transition:0.25s ease;
  box-shadow:0 0 25px rgba(232,79,160,0.35);
}

/* SVG */
.medusa-player svg,
.medusa-player svg polygon{
  fill:var(--medusa-pink) !important;
  stroke:none !important;
  filter:drop-shadow(0 0 10px rgba(232,79,160,0.6)) !important;
}

.medusa-player svg{
  width:48px !important;
  height:48px !important;
  display:block;
}

/* Texto */
.medusa-play-label{
  margin-top:1rem;
  font-family:'Cinzel',serif;
  font-size:1rem;
  letter-spacing:2px;
  color:var(--medusa-pink);
  text-shadow:0 0 12px rgba(232,79,160,0.4);
}