/* =====================================================================
   V05.5.4 · FASE 5 · CHULAZOS CENTRADOS STICKY
   Base: V05.4.0 aprobada.
   - Usa exactamente los seis chulazos realistas aprobados.
   - Conserva sus textos y elementos narrativos.
   - Sin tarjeta exterior: la propia composición es el cameo.
   - Presencia grande y permanente durante el scroll.
   - Se retira cuando el panel no tiene ancho o hay contenido horizontal denso.
   ===================================================================== */
.rightPanel.lp0553ChulazoActive{position:relative;}

.lp0553ChulazoStage{
  --lp0553-w:370px;
  --lp0553-shift:3%;
  position:absolute!important;
  right:-8px;
  bottom:clamp(96px,12vh,138px);
  width:var(--lp0553-w);
  height:calc(100% - 218px);
  min-height:390px;
  max-height:610px;
  z-index:32!important;
  display:flex;
  align-items:flex-end;
  justify-content:flex-end;
  pointer-events:none;
  opacity:0;
  transform:translateX(34px) scale(.985);
  transform-origin:right bottom;
  transition:opacity .22s ease, transform .3s ease;
  overflow:visible;
}
.lp0553ChulazoStage.isVisible{opacity:1;transform:translateX(0) scale(1);}
.lp0553ChulazoStage.isSuppressed{opacity:0!important;transform:translateX(46px) scale(.98)!important;}
.lp0553ChulazoStage img{
  display:block;
  width:100%;
  height:auto;
  max-height:100%;
  object-fit:contain;
  object-position:right bottom;
  transform:translateX(var(--lp0553-shift));
  filter:drop-shadow(-11px 10px 15px rgba(38,12,36,.24));
  user-select:none;
  -webkit-user-drag:none;
}

/* El contenido conserva su lectura: el cameo ocupa un carril lateral propio. */
.rightPanel.lp0553ChulazoActive .sideContent{
  padding-right:315px!important;
  transition:padding-right .22s ease;
}

.lp0553ChulazoStage[data-role="planificacion"]{--lp0553-w:372px;--lp0553-shift:3%;}
.lp0553ChulazoStage[data-role="entrenamiento"]{--lp0553-w:374px;--lp0553-shift:4%;}
.lp0553ChulazoStage[data-role="tribunal"]{--lp0553-w:365px;--lp0553-shift:3%;}
.lp0553ChulazoStage[data-role="fallos"]{--lp0553-w:382px;--lp0553-shift:4%;}
.lp0553ChulazoStage[data-role="repaso"]{--lp0553-w:370px;--lp0553-shift:3%;}
.lp0553ChulazoStage[data-role="logros"]{--lp0553-w:392px;--lp0553-shift:2%;}

/* Zonas que deben seguir completamente limpias. */
body[data-panel-theme="ficha"] .lp0553ChulazoStage,
body[data-panel-theme="subrayado"] .lp0553ChulazoStage,
body[data-panel-theme="articulos"] .lp0553ChulazoStage,
body[data-panel-theme="esquemas"] .lp0553ChulazoStage{display:none!important;}
body[data-panel-theme="ficha"] .rightPanel.lp0553ChulazoActive .sideContent,
body[data-panel-theme="subrayado"] .rightPanel.lp0553ChulazoActive .sideContent,
body[data-panel-theme="articulos"] .rightPanel.lp0553ChulazoActive .sideContent,
body[data-panel-theme="esquemas"] .rightPanel.lp0553ChulazoActive .sideContent{padding-right:24px!important;}

/* Si una vista necesita anchura horizontal, el chulazo se retira. */
.rightPanel.lp0553ChulazoSuppressed .sideContent{padding-right:24px!important;}
.rightPanel.schemaFocus .lp0553ChulazoStage{display:none!important;}
.rightPanel.schemaFocus.lp0553ChulazoActive .sideContent{padding-right:10px!important;}

@media(max-width:1480px){
  .lp0553ChulazoStage{--lp0553-w:330px;height:calc(100% - 225px);max-height:560px;}
  .rightPanel.lp0553ChulazoActive .sideContent{padding-right:278px!important;}
}
@media(max-width:1240px){
  .lp0553ChulazoStage{display:none!important;}
  .rightPanel.lp0553ChulazoActive .sideContent{padding-right:18px!important;}
}
@media(pointer:coarse) and (max-width:1450px){
  .lp0553ChulazoStage{display:none!important;}
  .rightPanel.lp0553ChulazoActive .sideContent{padding-right:18px!important;}
}
