.guide-flow-hidden{display:none!important}
.guide-filter-hidden{display:none!important}
.guided-root{display:grid;gap:18px;padding-bottom:18px}
.guide-hero,.guide-home-hero,.guide-step-card,.guide-action-card,.guide-section,.guide-empty-state,.guide-detail-toolbar{border:1px solid rgba(255,255,255,.13);background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.045));box-shadow:0 18px 45px rgba(0,0,0,.16);border-radius:28px}
.guide-hero,.guide-home-hero,.guide-action-card,.guide-section,.guide-empty-state,.guide-detail-toolbar{padding:22px}
.guide-hero h1,.guide-home-hero h1,.guide-detail-toolbar h1{margin:.25rem 0 .7rem;line-height:1.02}
.guide-hero-live{background:linear-gradient(145deg,rgba(255,198,109,.14),rgba(255,137,123,.08))}
.guide-intro{margin:18px 0 0;line-height:1.55;color:var(--text-soft,#ded3dd)}
.guide-event-meta{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}
.guide-event-meta span{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.055);border-radius:999px;padding:8px 11px;font-size:.88rem;color:var(--text-soft,#ded3dd)}
.guide-step-card{display:grid;grid-template-columns:42px minmax(0,1fr);gap:15px;padding:19px}
.guide-step-card h2{margin:.2rem 0 .45rem}
.guide-step-card p{margin:.2rem 0;line-height:1.5}
.guide-step-card.upcoming{opacity:.83}
.guide-step-card.current{border-color:rgba(255,199,107,.35);background:linear-gradient(145deg,rgba(255,199,107,.1),rgba(255,255,255,.045))}
.guide-step-number{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-weight:900;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.12)}
.guide-step-card.done .guide-step-number{background:rgba(115,207,157,.16);border-color:rgba(115,207,157,.3)}
.guide-step-content{min-width:0}
.guide-rsvp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:15px}
.guide-choice{appearance:none;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.055);color:inherit;border-radius:18px;padding:13px 8px;display:grid;place-items:center;gap:5px;min-height:78px;cursor:pointer}
.guide-choice span{font-size:1.15rem;font-weight:900}
.guide-choice b{font-size:.88rem}
.guide-choice.selected{border-color:rgba(255,199,107,.62);background:rgba(255,199,107,.13);box-shadow:inset 0 0 0 1px rgba(255,199,107,.18)}
.guide-confirmation{display:flex;align-items:flex-start;gap:10px;margin-top:13px;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.055)}
.guide-confirmation>span{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.08);font-weight:900;flex:0 0 auto}
.guide-confirmation p{margin:2px 0 0;font-size:.9rem}
.guide-action-card{text-align:center;padding:28px 22px}
.guide-action-card h2{font-size:1.75rem;margin:.25rem 0 .5rem}
.guide-action-card p{max-width:440px;margin:.4rem auto 1.15rem;line-height:1.5}
.guide-action-card small{display:block;margin-top:10px;color:var(--text-soft,#ded3dd)}
.guide-action-icon{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 15px;border-radius:22px;background:rgba(255,255,255,.08);font-size:1.8rem}
.guide-primary-action{min-height:58px;font-size:1.05rem}
.guide-home-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.guide-home-hero.compact{display:block}
.guide-home-hero p{margin:.35rem 0 0;line-height:1.5;color:var(--text-soft,#ded3dd)}
.guide-points-pill{min-width:74px;border-radius:20px;padding:12px 10px;display:grid;place-items:center;background:rgba(255,199,107,.13);border:1px solid rgba(255,199,107,.26)}
.guide-points-pill b{font-size:1.45rem}.guide-points-pill span{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}
.guide-announcement{display:flex;gap:12px;align-items:flex-start;padding:16px 18px;border-radius:20px;background:rgba(255,199,107,.1);border:1px solid rgba(255,199,107,.22)}
.guide-announcement>span{font-size:1.3rem}.guide-announcement p{margin:.2rem 0 0;line-height:1.45}.guide-announcement b{display:block}
.guide-section{padding:18px}
.guide-section-heading{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}
.guide-section-heading h2{margin:.15rem 0 0;font-size:1.25rem}
.guide-category-list{display:grid;gap:10px}
.guide-category-card{width:100%;appearance:none;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.055);color:inherit;border-radius:20px;padding:14px;display:grid;grid-template-columns:48px minmax(0,1fr) auto auto;gap:12px;align-items:center;text-align:left;cursor:pointer}
.guide-category-card:active{transform:scale(.99)}
.guide-category-icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:rgba(255,255,255,.08);font-size:1.35rem}
.guide-category-copy{display:flex;min-width:0;flex-direction:column;gap:4px}
.guide-category-copy b{font-size:1rem;line-height:1.2}.guide-category-copy small{font-size:.82rem;line-height:1.35;color:var(--text-soft,#ded3dd)}
.guide-category-count{display:grid;place-items:center;min-width:31px;height:31px;padding:0 8px;border-radius:999px;background:rgba(255,199,107,.13);font-weight:800}
.guide-category-arrow{font-size:1.55rem;opacity:.6}
.guide-progress-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.guide-progress-summary>div{padding:12px 8px;border-radius:16px;background:rgba(255,255,255,.05);text-align:center}
.guide-progress-summary span{display:block;font-size:1.12rem;font-weight:850}.guide-progress-summary small{display:block;margin-top:3px;font-size:.68rem;line-height:1.2;color:var(--text-soft,#ded3dd)}
.guide-private-note{margin:12px 0 0;padding:11px 13px;border-radius:14px;background:rgba(255,255,255,.05);font-size:.85rem;line-height:1.4}
.guide-empty-state{text-align:center;padding:28px 22px}.guide-empty-state>span{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 12px;border-radius:50%;background:rgba(115,207,157,.14);font-size:1.35rem}.guide-empty-state h2{margin:.2rem 0}.guide-empty-state p{margin:.4rem auto 0;max-width:420px;line-height:1.5;color:var(--text-soft,#ded3dd)}
.guide-detail-toolbar{display:flex;align-items:flex-start;gap:14px;margin-bottom:16px}.guide-detail-toolbar p{margin:.25rem 0 0;line-height:1.45;color:var(--text-soft,#ded3dd)}
.guide-back-button{appearance:none;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.06);color:inherit;width:42px;height:42px;border-radius:15px;font-size:1.7rem;display:grid;place-items:center;flex:0 0 auto;cursor:pointer}
.guide-detail-mode>.card:not(.guide-filter-hidden),.guide-detail-mode>#qrHuntSection:not(.guide-filter-hidden){margin-top:0}
.guide-detail-mode .group-photo-grid,.guide-detail-mode .surprise-grid,.guide-detail-mode .qr-hunt-grid{display:grid;gap:16px}
.guide-detail-mode .group-photo-item,.guide-detail-mode .surprise-item,.guide-detail-mode .qr-checkpoint{padding:18px;border-radius:20px}
.guide-detail-mode .photo-upload-card{margin-top:16px}

/* Corrige la lectura visual de filas compactas en móvil. */
.list-row{gap:14px!important;align-items:center!important;padding-top:14px!important;padding-bottom:14px!important}
.list-row>div{min-width:0;display:flex;flex-direction:column;gap:4px}
.list-row>div>b,.list-row>div>small{display:block;line-height:1.32}
.challenge-head{gap:12px}.challenge-head h3{line-height:1.18}
.group-photo-item-head{gap:12px;align-items:center}.group-photo-item-head>div{display:flex;flex-direction:column;gap:4px;min-width:0}.group-photo-item-head b,.group-photo-item-head small{display:block;line-height:1.3}
.photo-upload-card{padding:18px!important}.photo-upload-card .field{margin-top:14px}

@media(max-width:520px){
  .guided-root{gap:14px}
  .guide-hero,.guide-home-hero,.guide-action-card,.guide-section,.guide-empty-state,.guide-detail-toolbar{padding:18px;border-radius:24px}
  .guide-step-card{grid-template-columns:36px minmax(0,1fr);gap:12px;padding:16px;border-radius:22px}.guide-step-number{width:36px;height:36px}
  .guide-rsvp-grid{grid-template-columns:1fr;gap:8px}.guide-choice{grid-template-columns:30px 1fr;place-items:center start;min-height:52px;padding:10px 13px}.guide-choice span{grid-row:1}.guide-choice b{grid-column:2;grid-row:1;font-size:.92rem}
  .guide-home-hero{align-items:center}.guide-home-hero h1{font-size:1.7rem}.guide-points-pill{min-width:66px}
  .guide-category-card{grid-template-columns:44px minmax(0,1fr) auto;gap:10px;padding:13px}.guide-category-icon{width:44px;height:44px}.guide-category-arrow{display:none}
  .guide-progress-summary{grid-template-columns:repeat(2,1fr)}
  .guide-detail-toolbar h1{font-size:1.5rem}
}

/* El Muro se abre en una página propia: el acceso directo debe parecer una actividad jugable. */
.guide-wall-card{color:inherit;text-decoration:none;border-color:rgba(255,212,120,.44);background:rgba(255,212,120,.10)}
.guide-wall-card:hover,.guide-wall-card:focus-visible{border-color:#ffd478;background:rgba(255,212,120,.15);outline-offset:2px}
.guide-wall-card .guide-category-copy small{color:#f4dabb}


/* Consolidación UX: Inicio informa; Desafíos muestra solo actividades jugables. */
.guide-home-status{display:flex;align-items:center;gap:13px;padding:15px 17px;
 background:rgba(115,207,157,.065);border:1px solid rgba(115,207,157,.18);
 border-radius:18px}
.guide-home-status>span{flex:0 0 34px;display:grid;place-items:center;width:34px;height:34px;
 border-radius:50%;background:rgba(115,207,157,.15);font-size:18px;font-weight:900}
.guide-home-status b{display:block;font-size:15px}
.guide-home-status p{margin:3px 0 0;font-size:12px;line-height:1.45;color:var(--muted)}
.guide-challenges-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;
 padding:10px 2px 4px}
.guide-challenges-heading .eyebrow{margin:0 0 5px}
.guide-challenges-heading h1{margin:0 0 7px;font-size:clamp(23px,5vw,30px);line-height:1.15}
.guide-challenges-heading p:not(.eyebrow){margin:0;color:var(--muted);font-size:13px;line-height:1.45}
.guide-challenges-empty{padding:22px 18px}
.guide-challenges-empty>span{width:42px;height:42px;margin-bottom:8px}
.guide-challenges-empty h2{font-size:19px}
.guide-challenges-empty p{font-size:13px}
.guide-home-return{margin-top:15px;min-height:44px}
[data-guided-root="active-home"] .guide-home-hero{padding:20px}
[data-guided-root="active-home"] .guide-home-hero h1{font-size:clamp(25px,5vw,34px)}
[data-guided-root="active-home"] .guide-home-hero p{font-size:13px}
[data-guided-root="active-home"] .guide-progress-block{padding:15px}
body[data-pc-app="player"] .shell{padding-bottom:calc(164px + env(safe-area-inset-bottom))}
body[data-pc-app="player"] .guided-root{padding-bottom:28px}
body[data-pc-app="player"] [data-guided-root] button,
body[data-pc-app="player"] [data-guided-root] a{scroll-margin-bottom:150px}
@media(max-width:520px){
 .guide-challenges-heading{padding:8px 2px 2px}
 [data-guided-root="active-home"] .guide-home-hero{padding:18px}
 [data-guided-root="active-home"] .guide-home-hero h1{font-size:25px}
 .guide-home-status{padding:12px 14px}
}


/* Inicio ligero: una sola cifra de puntos, sin tarjeta de estado duplicada. */
[data-guided-root="active-home"]{gap:12px}
[data-guided-root="active-home"] .guide-home-hero{padding:16px 18px;border-radius:22px;gap:12px}
[data-guided-root="active-home"] .guide-home-hero h1{font-size:clamp(23px,5vw,29px)}
[data-guided-root="active-home"] .guide-home-hero p{font-size:12px;line-height:1.45}
[data-guided-root="active-home"] .guide-points-pill{min-width:76px;border-radius:16px;padding:11px 9px}
[data-guided-root="active-home"] .guide-progress-block{padding:14px 15px;border-radius:20px}
[data-guided-root="active-home"] .guide-progress-block h2{font-size:16px}
[data-guided-root="active-home"] .guide-progress-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
[data-guided-root="active-home"] .guide-progress-summary>div{padding:11px 5px}
[data-guided-root="active-home"] .guide-progress-summary small{font-size:10px;line-height:1.2}
body[data-pc-app="player"]:has([data-guided-root="active-home"]) #topbar .top-points,
body[data-pc-app="player"]:has([data-guided-root="active-home"]) #topbar a[href="mi-espacio.html"]{display:none}
body[data-pc-app="player"]:has([data-guided-root="active-home"]) #topbar .pc-topbar-event{
 display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:10px;align-items:center;gap:5px;flex:1}
body[data-pc-app="player"]:has([data-guided-root="active-home"]) #topbar .pc-topbar-event>.eyebrow{
 grid-column:1/-1;margin:0}
body[data-pc-app="player"]:has([data-guided-root="active-home"]) #topbar .pc-topbar-event>b{
 grid-column:1;min-width:0;line-height:1.3}
body[data-pc-app="player"]:has([data-guided-root="active-home"]) #topbar .pc-change-event[href="index.html"]{
 grid-column:2;grid-row:2;min-height:36px;padding:7px 10px;font-size:11px}

/* Solo dinámicas abiertas; resultados anteriores en un historial separado. */
.guide-history{display:grid;gap:10px}
.guide-history-note{margin:0 0 3px;color:var(--text-soft,#ded3dd);font-size:.88rem;line-height:1.5}
.guide-history-list{display:grid;gap:9px}
.guide-history-item{display:flex;align-items:center;gap:12px;min-width:0;padding:12px 13px;
 border:1px solid rgba(255,255,255,.11);border-radius:15px;background:rgba(255,255,255,.045)}
.guide-history-icon{display:grid;place-items:center;width:40px;height:40px;flex:none;
 border-radius:12px;background:rgba(255,255,255,.085);font-size:1.3rem}
.guide-history-item>div{display:grid;gap:4px;min-width:0}
.guide-history-item strong{line-height:1.35;overflow-wrap:anywhere}
.guide-history-item small{font-size:.8rem;color:var(--text-soft,#ded3dd);line-height:1.4}


/* Detalle de actividad: una sola tarea por pantalla. */
#app.guide-detail-mode > :not(.guide-detail-toolbar):not(.guide-detail-selected){
  display:none!important;
}
#app.guide-detail-mode > .guide-detail-selected{display:block!important;margin-top:0}
#app.guide-detail-mode > .guide-detail-toolbar{margin-bottom:12px}
#app.guide-detail-mode .guide-detail-summary{min-width:0;flex:1}
#app.guide-detail-mode .guide-detail-summary h1{overflow-wrap:anywhere}
#app.guide-detail-mode .guide-detail-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}
#app.guide-detail-mode .guide-detail-meta span{
  font-size:.77rem;line-height:1.2;font-weight:750;
  border:1px solid var(--pc-user-border,rgba(255,255,255,.22));
  background:var(--pc-user-raised,rgba(255,255,255,.09));
  color:var(--pc-user-text,var(--text,#fff7f4));
  padding:8px 10px;border-radius:999px;
}
#app.guide-detail-mode > .challenge.guide-detail-selected{
  padding:18px;align-items:stretch;
}
#app.guide-detail-mode > .challenge.guide-detail-selected > .challenge-icon,
#app.guide-detail-mode > .challenge.guide-detail-selected > .challenge-main > .challenge-head,
#app.guide-detail-mode > .challenge.guide-detail-selected > .challenge-main > .muted{
  display:none!important;
}
#app.guide-detail-mode > .challenge.guide-detail-selected > .challenge-main{
  width:100%;flex:1;min-width:0;
}
#app.guide-detail-mode > :is(.group-photo-panel,.surprise-panel,.qr-hunt-card).guide-detail-selected > .challenge-head,
#app.guide-detail-mode > :is(.group-photo-panel,.surprise-panel,.qr-hunt-card).guide-detail-selected > .muted{
  display:none!important;
}
#app.guide-detail-mode :is(.group-photo-item,.surprise-item):not(.guide-selected-item){
  display:none!important;
}
#app.guide-detail-mode .group-photo-item.guide-selected-item,
#app.guide-detail-mode .surprise-item.guide-selected-item{
  display:block!important;min-width:0;
}
#app.guide-detail-mode .guide-detail-selected .group-photo-grid,
#app.guide-detail-mode .guide-detail-selected .surprise-grid{
  grid-template-columns:minmax(0,1fr);
}
@media(max-width:520px){
  #app.guide-detail-mode > .guide-detail-toolbar{gap:11px}
  #app.guide-detail-mode > .challenge.guide-detail-selected{padding:15px}
  #app.guide-detail-mode .guide-detail-meta span{font-size:.72rem}
}


.guide-halloween-deadline{display:flex;align-items:flex-start;gap:12px;padding:16px;margin:12px 0 18px;border-radius:16px;border:1px solid rgba(246,173,95,.52);background:linear-gradient(110deg,rgba(212,104,36,.19),rgba(121,62,152,.13));color:var(--pc-user-text,#fff)}
.guide-halloween-deadline>span{font-size:1.7rem;line-height:1.1}
.guide-halloween-deadline>div{display:grid;gap:5px}
.guide-halloween-deadline b{font-size:1.03rem;line-height:1.3}
.guide-halloween-deadline small{font-size:.84rem;line-height:1.4;opacity:.9}


/* Las tarjetas de navegación se comportan como botones, sin subrayados. */
.guided-root a.guide-category-card,
.guided-root a.guide-category-card:link,
.guided-root a.guide-category-card:visited,
.guided-root a.guide-category-card:hover,
.guided-root a.guide-category-card:focus-visible,
.guided-root a.guide-category-card *,
.guided-root a.guide-category-card:hover *,
.guided-root a.guide-category-card:focus-visible *{
  text-decoration:none!important;
  text-decoration-line:none!important;
}
.guided-root a.guide-category-card{color:inherit}
.guided-root a.guide-category-card .guide-category-copy b{color:var(--pc-user-text,#fff)}
.guided-root a.guide-category-card .guide-category-copy small{color:var(--text-soft,#ded3dd)}
.guided-root a.guide-category-card:focus-visible{outline:3px solid var(--pc-user-accent,#e7b4fa);outline-offset:3px}


/* Halloween 2026: invitación visible antes y después del registro. */
.pc-halloween-invitation{
  display:grid;gap:10px;min-width:0;
  padding:20px;border-radius:20px;
  color:var(--pc-user-text,#fff7f4);
  border:1px solid rgba(240,183,114,.48);
  background:linear-gradient(142deg,rgba(128,64,103,.29),rgba(122,71,32,.22));
  box-shadow:0 12px 28px rgba(0,0,0,.14);
}
.pc-halloween-invitation .pc-halloween-invitation-kicker{
  color:#f2cb98;font-size:.77rem;font-weight:850;
  letter-spacing:.04em;margin:0;
}
.pc-halloween-invitation h2{
  color:inherit;margin:0;font-size:clamp(1.25rem,4vw,1.6rem);
  line-height:1.22;overflow-wrap:anywhere;
}
.pc-halloween-invitation p{margin:0;line-height:1.5}
.pc-halloween-invitation-activities{
  display:grid;gap:5px;padding:12px;
  background:rgba(255,255,255,.065);
  border:1px solid rgba(255,255,255,.12);
  border-radius:12px;font-size:.9rem;line-height:1.48;
}
.pc-halloween-invitation-activities b{font-size:.87rem}
.pc-halloween-invitation .pc-halloween-invitation-extra{
  color:var(--pc-user-text,#fff7f4);opacity:.91;font-size:.89rem;
}
.pc-halloween-invitation-prize{font-weight:750}
.pc-halloween-invitation-deadline{
  display:inline-block;justify-self:start;
  color:#f9ddae;background:rgba(243,176,81,.13);
  border-radius:999px;padding:8px 11px;font-size:.86rem;
}
.pc-login .pc-halloween-invitation{
  width:100%;max-width:500px;box-sizing:border-box;
  margin:14px auto 18px;text-align:left;
}
@media(max-width:520px){
  .pc-halloween-invitation{padding:16px;gap:9px;border-radius:17px}
  .pc-login .pc-halloween-invitation{margin:10px auto 15px}
}