/* buscoalgomas.es · /humor/ — estilos propios de la página (solo añaden sobre base.css). */

.contenedor.estrecho{max-width:820px}
.humor-cargando{padding:96px 20px;text-align:center;color:var(--texto-2)}

/* ---------------------------------------------------------------- luto: el humor espera */
.espera{padding:64px 0 60px;text-align:center}
.lazo{display:block;width:96px;height:120px;margin:0 auto 18px}
.lazo-borde{fill:none;stroke:var(--acento);stroke-width:17;stroke-linejoin:round}
.lazo-cinta{fill:none;stroke:#07080b;stroke-width:12;stroke-linejoin:round}
.espera h1{margin-bottom:.35em}
.espera .lead{max-width:620px;margin:0 auto 1em;font-size:1.2rem;color:var(--texto)}
.espera-nota{max-width:560px;margin:0 auto 30px;font-family:var(--serif);font-style:italic;color:var(--texto-2)}
.espera-mientras{margin:0 0 12px;color:var(--texto-2)}
.espera-enlaces{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));text-align:left}
.espera-enlaces a.tarjeta{display:block;min-height:44px;padding:16px 18px}
.espera-enlaces strong{display:block;font-family:var(--serif);font-size:1.12rem;color:var(--acento-2)}
.espera-enlaces span{display:block;margin-top:3px;font-size:.9rem;color:var(--texto-2)}

/* ---------------------------------------------------------------- aviso de vista previa */
.previa{background:#2a1220;border-bottom:2px solid var(--renfe-2);color:var(--texto)}
.previa .contenedor{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:2px 18px;padding-top:12px;padding-bottom:12px}
.previa p{margin:0}
.previa strong{color:#ffd0dc}
.previa-enlace a{display:inline-flex;align-items:center;min-height:44px;color:var(--texto);font-weight:600}

/* ---------------------------------------------------------------- cabecera */
.hero-humor{padding-top:40px}
.etiqueta-humor{margin:0 0 16px;padding:8px 14px;font-size:.8rem;letter-spacing:.08em;background:#1f1b10}
.hero-humor h1{max-width:820px;margin-left:auto;margin-right:auto}
.hero-humor .lead{font-family:var(--serif);font-style:italic}
.humor-aviso{max-width:720px;margin:0 auto 22px;text-align:left}
.humor-aviso p{margin:0}
.humor-aviso a{color:var(--texto);font-weight:700}

/* ---------------------------------------------------------------- apertura */
.humor-apertura{padding:20px 22px;border:1px dashed var(--borde);border-radius:var(--radio);font-size:1.08rem}
.humor-apertura p:last-child{margin-bottom:0}

/* ---------------------------------------------------------------- misterios: paneles de andén */
.panel-misterios{display:grid;gap:16px;grid-template-columns:minmax(0,1fr);margin-top:18px}
@media (min-width:700px){.panel-misterios{grid-template-columns:repeat(2,minmax(0,1fr))}.panel:last-child:nth-child(odd){grid-column:1 / -1}}
@media (min-width:1000px){.panel-misterios{grid-template-columns:repeat(6,minmax(0,1fr))}.panel{grid-column:span 2}.panel:nth-child(n+4){grid-column:span 3}.panel:last-child:nth-child(odd){grid-column:span 3}}
.panel{overflow:hidden;background:#0b0d11;border:1px solid #2a2f3a;border-radius:12px;box-shadow:var(--sombra)}
.panel-cabecera{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:10px 16px;background:#16110a;border-bottom:1px solid #3a2a12;font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;color:var(--vela)}
.panel-luces{display:inline-flex;gap:6px}
.panel-luces::before,.panel-luces::after{content:"";width:7px;height:7px;border-radius:50%;background:var(--vela);opacity:.75}
.panel h3{margin:14px 16px 6px;font-size:1.2rem}
.panel p:last-child{margin:0 16px 18px;color:var(--texto-2)}

/* ---------------------------------------------------------------- letanías */
.humor-letanias{margin-top:14px}
.humor-letanias li{position:relative;padding:11px 0 11px 32px;border-bottom:1px dashed var(--borde);font-family:var(--serif);font-size:1.08rem;line-height:1.45}
.humor-letanias li:last-child{border-bottom:0}
.humor-letanias li::before{content:"";position:absolute;left:4px;top:50%;width:15px;height:9px;margin-top:-5px;border-top:2px solid var(--acento);border-bottom:2px solid var(--acento)}

/* ---------------------------------------------------------------- oración final */
.humor-final{margin-top:14px;padding:22px 24px;background:var(--tarjeta);border:1px solid var(--borde);border-radius:var(--radio);font-family:var(--serif);font-size:1.1rem;line-height:1.65}
.humor-final p{margin:0 0 .7em}
.humor-final p:last-child{margin-bottom:0;color:var(--acento-2)}

.humor-respeto p:last-child{margin-bottom:0}
.humor-cierre{margin-top:24px}

@media print{
  .previa-enlace,.acciones,.espera-enlaces{display:none!important}
  .panel,.humor-final,.humor-apertura{background:#fff;color:#000;border-color:#999;box-shadow:none}
  .panel-cabecera{background:#fff;color:#000;border-color:#999}
}