/* Delta especifico de /paseo. La mecanica del formulario (.inscripcion-card,
   .field, .field-error, .field-check, .hp-field) ya se carga desde
   Assets/css/public/inscripcion.css y se reutiliza tal cual -- aqui solo lo
   que es propio de esta pagina: el aviso informativo del paseo (fecha/lugar/
   nota), el texto "(opcional)" de un campo, y el mensaje de formulario
   cerrado (que en inscripcion.css no existe porque ese formulario nunca se
   cierra). Todo con los mismos tokens de home.css/aniversario.css, sin
   paleta propia. */

.field-optional {
    font-weight: 400;
    color: var(--ink-mute);
    font-size: .85em;
}

/* Copiado de tramites.css (mismo criterio: ".field-hint" no vive en
   inscripcion.css porque ese formulario no lo necesita) */
.field-hint {
    display: block;
    margin-top: 0.35rem;
    font-size: 0.78rem;
    color: var(--ink-mute);
}

/* Aviso con la fecha/lugar/instrucciones del paseo (editable desde el panel
   admin, ver Aniversario::paseo()) -- mismo lenguaje visual que
   .monto-tramite-box de tramites.css: caja dorada suave, discreta */
.paseo-nota-box {
    display: flex;
    align-items: flex-start;
    gap: .6rem;
    margin-bottom: 1.4rem;
    background: rgba(213, 172, 102, 0.12);
    border: 1px solid rgba(213, 172, 102, 0.3);
    color: var(--ink);
    border-radius: 12px;
    padding: .9rem 1.1rem;
    font-size: .92rem;
    line-height: 1.5;
}

.paseo-nota-box i {
    color: var(--gold-2, var(--gold));
    margin-top: .15rem;
    flex: none;
}

/* Mensaje cuando no hay edicion activa o las inscripciones estan cerradas
   (mismo criterio que .cs-empty-state de Copa Shaday, pero con los tokens
   claros de esta seccion en vez de los oscuros del torneo) */
.paseo-empty-state {
    text-align: center;
    padding: 3rem 1.5rem;
    color: var(--ink-soft);
    font-size: 1.05rem;
    background: #fff;
    border: 1px solid var(--line-soft);
    border-radius: var(--radius);
}

.paseo-empty-state a {
    color: var(--gold-2, var(--gold));
    font-weight: 600;
}

/* Mismo defecto que ya se documento en inscripcion.css:107 (.field[hidden]):
   el atributo [hidden] por si solo pierde contra cualquier regla de autor con
   la MISMA especificidad que fije un display propio -- aqui el culpable es
   .inscripcion-form-row {display:grid}. #acompanantesWrap es una
   .inscripcion-form-row (no un .field), asi que la regla existente en
   inscripcion.css no lo cubre; se corrige aca en vez de tocar ese archivo
   compartido, que a proposito se reutiliza sin editar (ver el comentario de
   Views/App/Paseo/paseo.php) */
.inscripcion-form-row[hidden] {
    display: none;
}
