/* ==========================================
   AMOR PROHIBIDO – CINEMATIC MODE 💔
========================================== */
body.prohibido{
  --hero-overlay:
    radial-gradient(circle at 50% 30%, rgba(120,0,0,0.45), rgba(0,0,0,0.85)),
    linear-gradient(180deg, rgba(0,0,0,0.05), rgba(0,0,0,0.25));

  --hero-image: url("images/background-prohibido.jpg");

  --card-bg: rgba(5,0,0,.88);
  --card-stroke: rgba(255,0,0,.35);

}

body.prohibido .hero::before{ filter: contrast(1.15) saturate(1.15);}


/* Quote (ok) */
body.prohibido .drama-quote{
  z-index: 3;
}

/* =========================
   Cards plus intenses
========================= */
body.prohibido .card{
  background: rgba(5,0,0,.9);
  border:1px solid rgba(255,0,0,.5);
  box-shadow: 0 0 50px rgba(150,0,0,.7);
}

/* CTA passion ultime */
body.prohibido .cta{
  background: linear-gradient(90deg,#400000,#ff0000);
  box-shadow: 0 0 40px rgba(255,0,0,.8);
}

/* FAB theme (si tu veux cohérence forte) */
body.prohibido .fab-btn{
  background: linear-gradient(90deg,#400000,#ff0000);
  color:#fff;
  border:1px solid rgba(255,0,0,.6);
}

/* =========================
   Flash passion
========================= */
.flash-passion{
  position:fixed;
  inset:0;
  background:rgba(255,0,0,.35);
  animation: flashFade .5s ease forwards;
  pointer-events:none;
  z-index:9999;
}

@keyframes flashFade{
  from{ opacity:1; }
  to{ opacity:0; }
}

/* =========================
   Petals
========================= */
.petal{
  position:fixed;
  top:-20px;
  font-size:18px;
  animation: fall linear forwards;
  pointer-events:none;
  z-index:1; /* au-dessus de la pluie */
}

@keyframes fall{
  to{
    transform: translateY(110vh) rotate(360deg);
  }
}

/* =========================
   Drama quote (HERO uniquement)
========================= */
body.prohibido .drama-quote{
  position:absolute;
  bottom:40px;
  left:50%;
  transform:translateX(-50%);
  font-family:'Cinzel', serif;
  font-size:1.6rem;
  text-align:center;
  max-width:50%;

  color:#ffcccc;
  text-shadow:0 0 25px red;

  opacity:0;
  pointer-events:none;

  z-index:2; /* au-dessus pluie/pétales */
  transition: opacity .8s ease;
}

body.prohibido .drama-quote.show{
  opacity:1;
}