/* Party Challenge · muro social compacto (Halloween y eventos).
   Solo afecta el muro principal; Casa Lola mantiene su diseño propio.
   Nunca recorta la fotografía: zoom sigue disponible a tamaño completo. */

body:not(.wall-casa-lola) .wall-shell{
  --wall-space:10px;
}
body:not(.wall-casa-lola) .wall-topbar{margin-bottom:8px}
body:not(.wall-casa-lola) .pc-wall-social-tabs{
  margin:8px 0 11px;
  padding:4px;gap:5px;border-radius:14px
}
body:not(.wall-casa-lola) .pc-wall-social-tab{
  min-height:39px;display:grid;place-items:center;padding:8px 10px;
  border-radius:10px;font-size:.81rem;line-height:1.25
}
body:not(.wall-casa-lola) .wall-active-player{
  margin:0 0 9px;padding:7px 10px;
  border-radius:12px;font-size:.81rem
}
body:not(.wall-casa-lola) .wall-active-player .btn-secondary{
  min-height:36px;padding:7px 10px;font-size:.75rem
}

/* Intro pequeña: nombre, tiempo y descripción en un mismo bloque. */
body:not(.wall-casa-lola) .wall-hero{
  padding:14px 15px 13px;margin-bottom:10px;border-radius:17px
}
body:not(.wall-casa-lola) .wall-hero .control-title{
  display:flex;align-items:flex-start;justify-content:space-between;
  flex-direction:row;flex-wrap:wrap;gap:7px
}
body:not(.wall-casa-lola) .wall-hero .eyebrow{
  margin:0 0 4px;font-size:.61rem
}
body:not(.wall-casa-lola) .wall-hero h1{
  font-size:clamp(1.18rem,4.6vw,1.5rem);line-height:1.2;
  letter-spacing:-.025em;margin:0
}
body:not(.wall-casa-lola) .wall-hero .wall-countdown{
  padding:5px 8px;font-size:.7rem;white-space:nowrap
}
body:not(.wall-casa-lola) .wall-hero>.muted{
  font-size:.82rem;line-height:1.4;margin:8px 0 0
}

/* Tras publicar, evitar una segunda tarjeta grande de bienvenida. */
body:not(.wall-casa-lola) .wall-participation-mini{
  display:flex;align-items:center;gap:10px;
  padding:10px 12px;margin:0 0 10px;
  background:var(--pc-user-card,rgba(145,92,183,.12));
  border:1px solid var(--pc-user-border,rgba(212,166,244,.22));
  border-radius:13px
}
body:not(.wall-casa-lola) .wall-participation-check{
  flex:none;display:grid;place-items:center;
  width:29px;height:29px;border-radius:10px;
  background:rgba(180,127,225,.18);color:var(--pc-user-accent,#dfb7ff);
  font-size:1rem;font-weight:900
}
body:not(.wall-casa-lola) .wall-participation-mini>div{display:grid;gap:2px;min-width:0}
body:not(.wall-casa-lola) .wall-participation-mini strong{
  color:var(--pc-user-text,var(--text));font-size:.82rem;line-height:1.24
}
body:not(.wall-casa-lola) .wall-participation-mini small{
  color:var(--pc-user-muted,var(--muted));font-size:.72rem;line-height:1.34
}
body:not(.wall-casa-lola) .wall-compose-collapsible{margin:9px 0 12px;border-radius:14px}
body:not(.wall-casa-lola) .wall-compose-collapsible>summary{
  padding:10px 12px;min-height:43px;font-size:.85rem
}

/* Contador y ordenamiento en una única barra, incluso en móviles. */
body:not(.wall-casa-lola) .wall-feed-head{
  display:flex;flex-direction:row;align-items:center;
  justify-content:space-between;flex-wrap:wrap;
  gap:8px;margin:10px 2px 9px
}
body:not(.wall-casa-lola) .wall-feed-head>div:first-child{min-width:0}
body:not(.wall-casa-lola) .wall-feed-head .eyebrow{display:none}
body:not(.wall-casa-lola) .wall-feed-head b{
  font-size:.86rem;line-height:1.3;color:var(--pc-user-text,var(--text))
}
body:not(.wall-casa-lola) .wall-sort{
  display:flex;gap:5px;width:auto;flex:0 0 auto
}
body:not(.wall-casa-lola) .wall-sort button{
  flex:0 0 auto;min-height:38px;
  padding:7px 12px;border-radius:10px;font-size:.77rem;line-height:1.2
}
body:not(.wall-casa-lola) .wall-sort button.selected{
  border-color:var(--pc-user-accent,var(--gold))
}
body:not(.wall-casa-lola) .wall-sort-explanation{
  margin:1px 3px 9px;font-size:.73rem;line-height:1.35
}

/* Publicaciones: foto completa, menos espacios y cero recortes. */
body:not(.wall-casa-lola) .wall-post{
  padding:0;overflow:hidden;border-radius:17px;
  background:var(--pc-user-card,var(--panel))
}
body:not(.wall-casa-lola) .wall-post+.wall-post{margin-top:11px}
body:not(.wall-casa-lola) .wall-post-heading{
  padding:11px 12px 9px
}
body:not(.wall-casa-lola) .wall-post-heading .wall-author{
  gap:9px;margin:0
}
body:not(.wall-casa-lola) .wall-author .wall-author-avatar{
  width:38px;height:38px;min-width:38px;min-height:38px;border-radius:13px
}
body:not(.wall-casa-lola) .wall-author .pc-wall-author-label b{
  font-size:.85rem;line-height:1.27
}
body:not(.wall-casa-lola) .wall-author .pc-wall-author-label small{
  font-size:.71rem;line-height:1.3
}
body:not(.wall-casa-lola) .wall-post-heading .wall-caption{
  margin:7px 1px 0;line-height:1.36;font-size:.86rem;
  white-space:pre-wrap;overflow-wrap:anywhere
}
body:not(.wall-casa-lola) .wall-photo-zoom{
  display:flex;align-items:center;justify-content:center;
  width:100%;height:auto;max-height:none;
  padding:0;margin:0;background:rgba(0,0,0,.16);border:0
}
body:not(.wall-casa-lola) .wall-photo-zoom .wall-post-image{
  display:block;width:auto;max-width:100%;height:auto;
  max-height:min(63dvh,520px);
  object-fit:contain;object-position:center;
  margin:auto;background:transparent
}
body:not(.wall-casa-lola) .wall-post-body{padding:10px 12px 12px}
body:not(.wall-casa-lola) .wall-post-body>.tiny{
  font-size:.7rem;line-height:1.25;margin:0 0 6px;
  color:var(--pc-user-muted,var(--muted))
}

/* Reacciones siempre en una fila y con la elegida más reconocible. */
body:not(.wall-casa-lola) .wall-reactions{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  gap:6px;margin-top:7px
}
body:not(.wall-casa-lola) .wall-reaction{
  min-height:44px;padding:7px 4px;border-radius:11px;
  font-size:.93rem;font-weight:800;line-height:1.1;
  background:rgba(255,255,255,.055)
}
body:not(.wall-casa-lola) .wall-reaction.selected,
body:not(.wall-casa-lola) .wall-reaction[aria-pressed="true"]{
  border:1px solid var(--pc-user-accent,var(--gold));
  background:rgba(177,108,214,.24);
  box-shadow:inset 0 0 0 1px var(--pc-user-accent,var(--gold))
}
body:not(.wall-casa-lola) .wall-reaction:disabled{opacity:.7}
body:not(.wall-casa-lola) .wall-reaction-note{
  margin:5px 1px 0;font-size:.7rem;line-height:1.28;
  color:var(--pc-user-muted,var(--muted))
}

/* Comentarios y envío en una fila, con espacio mínimo entre elementos. */
body:not(.wall-casa-lola) .wall-comments{
  margin-top:10px;padding-top:9px;
  border-top:1px solid rgba(224,191,240,.13)
}
body:not(.wall-casa-lola) .wall-comment{
  display:grid;grid-template-columns:28px minmax(0,1fr) auto;
  gap:7px;margin:7px 0;align-items:start
}
body:not(.wall-casa-lola) .wall-comment-avatar{
  width:27px;height:27px;border-radius:9px
}
body:not(.wall-casa-lola) .wall-comment p{
  margin:1px 0 0;font-size:.79rem;line-height:1.4;overflow-wrap:anywhere
}
body:not(.wall-casa-lola) .wall-comment .pc-wall-comment-name{font-size:.77rem}
body:not(.wall-casa-lola) .wall-comment-form{
  display:flex;align-items:center;gap:4px;
  width:100%;margin-top:8px;padding:4px;
  background:rgba(255,255,255,.045);
  border:1px solid var(--pc-user-border,rgba(220,191,242,.18));
  border-radius:13px
}
body:not(.wall-casa-lola) .wall-comment-form .input{
  flex:1 1 auto;min-width:0;width:100%;height:40px;min-height:40px;
  padding:8px 9px;margin:0;border:0!important;box-shadow:none!important;
  outline-offset:-2px;background:transparent!important;
  font-size:16px
}
body:not(.wall-casa-lola) .wall-comment-form button{
  flex:none;width:auto;min-width:66px;min-height:40px;
  padding:8px 11px;border-radius:10px;
  font-size:.79rem;white-space:nowrap
}
body:not(.wall-casa-lola) .wall-comment-form:focus-within{
  border-color:var(--pc-user-accent,var(--gold))
}
body:not(.wall-casa-lola) .wall-comment-pending{margin:8px 0;padding:8px}
body:not(.wall-casa-lola) .wall-supervised-note{
  font-size:.72rem;line-height:1.4;margin:7px 0
}
body:not(.wall-casa-lola) .wall-post .wall-moderation-actions{
  margin-top:7px
}

@media(max-width:390px){
  body:not(.wall-casa-lola) .wall-feed-head{gap:5px}
  body:not(.wall-casa-lola) .wall-sort button{padding:7px 9px;font-size:.72rem}
  body:not(.wall-casa-lola) .wall-post-body{padding:9px 10px 11px}
  body:not(.wall-casa-lola) .wall-post-heading{padding:10px}
  body:not(.wall-casa-lola) .wall-photo-zoom .wall-post-image{
    max-height:min(60dvh,470px)
  }
}
@media(prefers-reduced-motion:reduce){
  body:not(.wall-casa-lola) .wall-photo-zoom,
  body:not(.wall-casa-lola) .wall-post{scroll-behavior:auto}
}