/* Botón flotante vertical "Quiero recibir información" (MELBA).
   Reemplaza visualmente al botón React que abría el side panel. */
.fixed.right-0.rotate-180.\[writing-mode\:vertical-lr\]:not(.melba-cta){display:none!important}

html{scroll-behavior:smooth}
#contacto{scroll-margin-top:96px}

.melba-cta{
  position:fixed;top:50%;right:0;z-index:40;
  transform:translateY(-50%) rotate(180deg);
  writing-mode:vertical-lr;
  display:flex;align-items:center;justify-content:center;gap:.5rem;
  width:40px;height:250px;box-sizing:border-box;padding:12px 8px;
  background:#c1640b;color:#fff;   /* OrangeBirdie de Melba */
  font-family:PlayfairDisplay,Georgia,serif;font-size:1rem;line-height:1.1;
  text-decoration:none;white-space:nowrap;
  border-radius:0 8px 8px 0;          /* tras rotar queda redondeado a la izquierda */
  box-shadow:0 4px 14px rgba(0,0,0,.18);
  transition:background-color .2s,opacity .25s,width .2s;
}
.melba-cta:hover{background:#a65408;width:44px}
.melba-cta:focus-visible{outline:3px solid #1f1f1f;outline-offset:2px}
.melba-cta.is-hidden{opacity:0;pointer-events:none}
@media (max-width:767px){
  .melba-cta{width:34px;height:200px;font-size:.75rem;padding:10px 6px}
  .melba-cta:hover{width:34px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .melba-cta{transition:none}
}
@media print{.melba-cta{display:none}}