/* =====================================================================
   V05.3A · FASE 3A · ROSARITO
   Solo capa visual/nominativa:
   - Lola H. desaparece de la interfaz visible (historia auténtica excluida).
   - "La Pede dicta" se sustituye por componente mini-Rosarito + frase.
   - No introduce banco rotatorio (FASE 3B/3C) ni 8 expresiones (FASE 4).
   ===================================================================== */

:root{
  --r3a-ink:#2c2029;
  --r3a-plum:#642b50;
  --r3a-pink:#d92e84;
  --r3a-pink-soft:#f7cade;
  --r3a-gold:#c99b45;
  --r3a-paper:#fffaf7;
}

/* Componente base único: mini-Rosarito + frase. */
.rosaritoMessage{
  position:relative!important;
  display:grid!important;
  grid-template-columns:68px minmax(0,1fr)!important;
  align-items:center!important;
  gap:13px!important;
  overflow:hidden!important;
  min-height:82px!important;
  margin:0 0 14px!important;
  padding:10px 16px 10px 11px!important;
  border:1px solid rgba(112,67,91,.20)!important;
  border-left:4px solid var(--r3a-pink)!important;
  border-radius:19px!important;
  background:
    radial-gradient(circle at 92% -8%,rgba(201,155,69,.15),transparent 35%),
    radial-gradient(circle at 0% 100%,rgba(217,46,132,.08),transparent 42%),
    linear-gradient(135deg,#fffdfb 0%,#fff5f9 100%)!important;
  box-shadow:0 11px 25px rgba(49,25,42,.10),inset 0 1px 0 rgba(255,255,255,.92)!important;
  color:var(--r3a-ink)!important;
}
.rosaritoMessage::after{
  content:"✦";
  position:absolute;
  right:13px;
  top:9px;
  color:rgba(201,155,69,.38);
  font-size:14px;
  pointer-events:none;
}
.rosaritoMini{
  position:relative!important;
  width:62px!important;
  height:62px!important;
  overflow:hidden!important;
  border-radius:17px!important;
  border:2px solid rgba(217,46,132,.34)!important;
  background:linear-gradient(145deg,#ffe7f2,#f7c9dd)!important;
  box-shadow:0 7px 16px rgba(88,31,65,.18),inset 0 0 0 2px rgba(255,255,255,.72)!important;
}
.rosaritoMini::after{
  content:"";
  position:absolute;
  inset:3px;
  border-radius:13px;
  border:1px solid rgba(255,255,255,.48);
  pointer-events:none;
}
.rosaritoMini img{
  display:block!important;
  width:112%!important;
  height:118%!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:50% 12%!important;
  transform:translate(-5%,-2%) scale(1.05)!important;
  filter:saturate(.96) contrast(1.02)!important;
}
.rosaritoMessageCopy{
  min-width:0!important;
  padding-right:10px!important;
}
.rosaritoMessageName{
  display:block!important;
  margin:0 0 3px!important;
  color:#9c1f61!important;
  font-size:10.5px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.10em!important;
  text-transform:uppercase!important;
}
.rosaritoMessage p,
.rosaritoMessage .rosaritoPhrase{
  margin:0!important;
  color:#3a2934!important;
  font-size:13.2px!important;
  line-height:1.42!important;
  font-weight:720!important;
  letter-spacing:.002em!important;
}

/* Mantiene las clases antiguas como anclajes funcionales, pero elimina su aspecto "dicta". */
.pedeLiveActionBand.rosaritoMessage,
.pedeLiveRibbon.rosaritoMessage{
  border-width:1px 1px 1px 4px!important;
}
.pedeLiveRibbon.rosaritoMessage{
  grid-template-columns:60px minmax(0,1fr)!important;
  min-height:74px!important;
  padding:8px 14px 8px 9px!important;
}
.pedeLiveRibbon.rosaritoMessage .rosaritoMini{
  width:54px!important;height:54px!important;border-radius:15px!important;
}
.pedeLiveRibbon.rosaritoMessage::before{display:none!important;content:none!important;}
.pedeLiveActionBadge{display:none!important;}

/* Pulso existente, ahora sobre el componente completo. */
.pedeLivePulse{animation:r3aRosaritoPulse .42s ease-out!important;}
@keyframes r3aRosaritoPulse{
  0%{transform:translateY(0);box-shadow:0 11px 25px rgba(49,25,42,.10),0 0 0 0 rgba(217,46,132,.18)}
  48%{transform:translateY(-1px);box-shadow:0 15px 30px rgba(49,25,42,.14),0 0 0 5px rgba(217,46,132,.08)}
  100%{transform:translateY(0);box-shadow:0 11px 25px rgba(49,25,42,.10),0 0 0 0 rgba(217,46,132,0)}
}

/* Nombre principal de Rosarito: solo piel; no se altera el mecanismo de modo. */
.lolaTitleBlock h4 span{color:#d92e84!important;}

@media(max-width:980px){
  .rosaritoMessage{grid-template-columns:58px minmax(0,1fr)!important;gap:10px!important;padding:9px 12px 9px 9px!important;}
  .rosaritoMini{width:52px!important;height:52px!important;border-radius:14px!important;}
  .rosaritoMessage p,.rosaritoMessage .rosaritoPhrase{font-size:12.6px!important;line-height:1.38!important;}
  .rosaritoMessageName{font-size:9.8px!important;}
}
@media(pointer:coarse) and (max-width:900px){
  .rosaritoMessage{grid-template-columns:54px minmax(0,1fr)!important;min-height:70px!important;border-radius:16px!important;}
  .rosaritoMini{width:49px!important;height:49px!important;}
}