/* ==========================================================================
   Tender la Mano · Fase 2 · añadidos de las páginas nuevas (portada, eventos,
   404, «Publica tu evento» y sus condiciones) sobre base.css de la Fase 1.
   ========================================================================== */

/* Tarjeta de evento: quién publica (Documento Cero §5) */
.event-card__publica { font-size: var(--fs-micro); color: var(--c-ink-2); }

/* Eventos ya celebrados: discretos, nunca como vigentes */
.event-list--pasados .event-card { opacity: 0.85; }
.tag--pasado { background: var(--c-surface-2); color: var(--c-ink-2); }

/* Banda suave (sugerir un tema) */
.cta-band--suave { background: var(--c-surface); color: var(--c-ink); border: var(--border); }
.cta-band--suave h2, .cta-band--suave p { color: var(--c-ink); }
.cta-band--suave .btn--primary { background: var(--c-accent); color: var(--c-accent-ink); }
.cta-band--suave .btn--primary:hover { background: var(--c-accent-hover); color: var(--c-accent-ink); }

/* Páginas de texto (condiciones del servicio, 404) */
.texto { padding-block: var(--s-7); }
.texto h1 { margin-bottom: var(--s-4); }
.texto .lang-tag {
  display: inline-block;
  margin-bottom: var(--s-3);
  padding: var(--s-1) var(--s-3);
  border: var(--border);
  border-radius: var(--r-tag);
  font-size: var(--fs-micro);
  font-weight: var(--fw-strong);
  color: var(--c-ink-2);
}
.texto .stand { color: var(--c-ink-2); font-size: var(--fs-small); }
.texto hr { margin-block: var(--s-7); border: 0; border-top: 1px dashed var(--c-line-strong); }
.texto address { font-style: normal; }
.texto .formular { padding: var(--s-4); border: var(--border); border-radius: var(--r-card); background: var(--c-surface); }

/* «Así quedará la página de tu evento» */
.muestras { display: grid; gap: var(--s-4); margin: 0; padding: 0; list-style: none; }
@media (min-width: 48rem) { .muestras { grid-template-columns: 1fr 1fr; } }
.muestras a { display: block; padding: var(--s-6); border: var(--border); border-radius: var(--r-card); text-decoration: none; color: var(--c-ink); }
.muestras a:hover { border-color: var(--c-line-strong); box-shadow: var(--shadow-hover); }
.muestras strong { display: block; font-size: var(--fs-h3); line-height: var(--lh-heading); margin-bottom: var(--s-3); }
.muestras span { color: var(--c-ink-2); font-size: var(--fs-small); }

/* 14/10/2026: hero corto (listado de eventos y «organizar»), formularios de solicitud */
.hero-gris.hero-corto { min-height: auto; padding-block: var(--s-8) var(--s-7); }
.hero-corto .event-hero-content h1 { max-width: 22ch; }
.form--solicitud { max-width: 48rem; }
@media (min-width: 48rem) { .form--solicitud .form-grid { grid-template-columns: 1fr 1fr; } }
.form--solicitud .field--full { grid-column: 1 / -1; }
.field__opcional { font-weight: var(--fw-text); color: var(--c-ink-2); }
.field__ayuda { margin: 0; font-size: var(--fs-micro); color: var(--c-ink-2); }
.trampa { position: absolute; left: -100vw; width: 1px; height: 1px; overflow: hidden; }
.form-msg { margin: 0; padding: var(--s-3) var(--s-4); border-radius: var(--r-field); border: var(--border); background: var(--c-bg); }
.form-msg[data-tipo="ok"] { border-color: var(--c-accent); background: var(--c-accent-soft); color: var(--c-accent-soft-ink); }
.form-msg[data-tipo="error"] { border-color: var(--c-ink); color: var(--c-ink); }

/* 15/10/2026 (María): más aire en las tarjetas y entre apartados */
.tarjeta { padding: var(--s-6); border: var(--border); border-radius: var(--r-card); background: var(--c-bg); }
.tarjeta h3 { margin: 0 0 var(--s-4); font-size: var(--fs-h3); line-height: var(--lh-heading); }
.tarjeta .plain-list { gap: var(--s-3); }
.tarjeta--no { background: var(--c-surface); }
.plain-list--no li::marker { content: "– "; color: var(--c-ink-2); }
.listas-servicio { display: grid; gap: var(--s-5); }
@media (min-width: 48rem) { .listas-servicio { grid-template-columns: 1fr 1fr; } }
.nota-evento { margin: 0 0 var(--s-5); max-width: var(--max-text); font-weight: var(--fw-strong); }
.price { gap: var(--s-4); }
.price .price__cifra { margin-bottom: var(--s-2); }
/* Apartados de texto (p. ej. /eventos/organizar/): espacio sobre cada encabezado y entre encabezado y texto */
.texto h2 { margin: var(--s-7) 0 var(--s-4); line-height: var(--lh-heading); }
.texto h2:first-child { margin-top: 0; }
.texto h3 { margin: var(--s-6) 0 var(--s-3); }
.texto > p, .texto > ul, .texto > ol { margin: 0 0 var(--s-4); }
.texto .plain-list { gap: var(--s-3); }
.two-col > .texto { padding-block: 0; }
.section > .container > h2 { margin: 0 0 var(--s-5); }
.cta-band h2 { margin: 0 0 var(--s-3); }