/*
 * Amonestaciones y faltas (26 oct 2026, migración 0234): la pantalla de la
 * Junta, la tarjeta de la ficha del socio y «Mis amonestaciones».
 */

/* #region Una amonestación */
.amonestaciones-lista {
    display: grid;
    gap: var(--espacio-2);
    margin: 0;
    padding: 0;
    list-style: none;
}

.amonestacion {
    display: grid;
    gap: var(--espacio-1);
    padding: var(--espacio-3) var(--espacio-4);
    border: 1px solid var(--rs-borde);
    border-left: 4px solid var(--rs-borde-fuerte);
    border-radius: var(--radio-md);
    background: var(--rs-superficie-2);
}

.amonestacion--vigente {
    border-left-color: var(--rs-peligro);
}

/* En el socio, sin caja: una línea fina entre una y otra (5 nov 2026). */
.app-socio .amonestacion {
    padding: var(--espacio-3) 0;
    border: 0;
    border-top: 1px solid var(--rs-borde-sutil);
    border-radius: 0;
    background: none;
}

.amonestacion--anulada {
    opacity: .7;
}

.amonestacion--anulada .amonestacion__cabeza strong:not(.amonestacion__persona),
.amonestacion--anulada .amonestacion__motivo {
    text-decoration: line-through;
}

.amonestacion__cabeza {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--espacio-2);
}

.amonestacion__cabeza strong {
    font-family: var(--fuente-display);
}

.amonestacion__persona {
    font-size: var(--texto-grande);
}

.amonestacion__fechas,
.amonestacion__motivo,
.amonestacion__quien {
    margin: 0;
}

.amonestacion__fechas {
    color: var(--rs-texto-secundario);
    font-size: var(--texto-pequeno);
}

.amonestacion__motivo {
    white-space: pre-line;
}

.amonestacion .boton-enlace {
    justify-self: start;
}
/* #endregion */

/* #region Pantalla de la Junta */
.amonestaciones-filtros {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--espacio-3);
    margin-bottom: var(--espacio-4);
}

.amonestaciones-filtros select {
    width: auto;
    min-width: 12rem;
}

.amonestaciones-tipos__cabecera {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--espacio-3);
    margin-bottom: var(--espacio-4);
}

.amonestaciones-tipos__cabecera h2,
.amonestaciones-tipos__cabecera .ayuda-campo {
    margin: 0;
}

.amonestaciones-tipos {
    display: grid;
    gap: var(--espacio-2);
    margin: 0;
    padding: 0;
    list-style: none;
}

.amonestaciones-tipo {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 7rem 13rem 8rem auto;
    align-items: center;
    gap: var(--espacio-3) var(--espacio-5);
    padding: var(--espacio-3) var(--espacio-4);
    border: 1px solid var(--rs-borde);
    border-radius: var(--radio-md);
    background: var(--rs-superficie-2);
}

.amonestaciones-tipo p {
    margin: var(--espacio-1) 0 0;
}

/* Los tipos anulados: debajo, plegados y apagados (se quedan para la historia). */
.amonestaciones-anulados {
    margin-top: var(--espacio-5);
    border-top: 1px solid var(--rs-borde);
    padding-top: var(--espacio-4);
}

.amonestaciones-anulados > summary {
    cursor: pointer;
    font-weight: 600;
    color: var(--rs-texto-secundario);
}

.amonestaciones-anulados > .ayuda-campo {
    margin: var(--espacio-2) 0 var(--espacio-3);
}

.amonestaciones-tipo--anulado {
    background: transparent;
    border-style: dashed;
}

.amonestaciones-tipo--anulado strong {
    color: var(--rs-texto-secundario);
}

.amonestaciones-tipo__meses {
    display: inline-flex;
    align-items: center;
    gap: var(--espacio-2);
    color: var(--rs-texto-secundario);
    font-size: var(--texto-etiqueta);
}

.amonestaciones-tipo__meses .icono {
    flex: none;
    width: 16px;
    height: 16px;
    color: var(--rs-texto-tenue);
}

.amonestaciones-tipo__cuantas {
    color: var(--rs-texto-tenue);
    font-size: var(--texto-etiqueta);
    font-variant-numeric: tabular-nums;
}

.amonestaciones-tipo__acciones {
    display: flex;
    align-items: center;
    gap: var(--espacio-1);
}

@media (max-width: 1100px) {
    .amonestaciones-tipo {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .amonestaciones-tipo__que {
        grid-column: 1 / -1;
    }

    .amonestaciones-tipo__gravedad {
        grid-column: 1 / -1;
    }

    .amonestaciones-tipo__meses,
    .amonestaciones-tipo__cuantas {
        grid-column: 1;
    }

    .amonestaciones-tipo__acciones {
        grid-column: 2;
        grid-row: 3 / span 2;
    }
}

/* La gravedad: tres botones grandes (norma «superfácil»). */
.amonestaciones-gravedad {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--espacio-2);
}

.amonestaciones-gravedad__opcion {
    position: relative;
}

.amonestaciones-gravedad__opcion input {
    position: absolute;
    inset: 0;
    margin: 0;
    opacity: 0;
    cursor: pointer;
}

.amonestaciones-gravedad__opcion span {
    display: grid;
    place-items: center;
    min-height: 2.75rem;
    padding: var(--espacio-2);
    border: 1px solid var(--rs-borde);
    border-radius: var(--radio-md);
    background: var(--rs-superficie-2);
    font-weight: 600;
    text-align: center;
}

.amonestaciones-gravedad__opcion input:checked + span {
    border-color: var(--rs-aviso);
    background: color-mix(in srgb, var(--rs-aviso) 14%, transparent);
}

.amonestaciones-gravedad__opcion--grave input:checked + span,
.amonestaciones-gravedad__opcion--muy_grave input:checked + span {
    border-color: var(--rs-peligro);
    background: color-mix(in srgb, var(--rs-peligro) 14%, transparent);
}

.amonestaciones-gravedad__opcion input:focus-visible + span {
    outline: 2px solid var(--rs-azul);
    outline-offset: 2px;
}

/* Buscar a quién ponérsela, dentro de la ventana. */
.amonestacion-buscar__resultados {
    display: grid;
    gap: var(--espacio-1);
    margin: var(--espacio-2) 0 0;
    padding: 0;
    list-style: none;
}

.amonestacion-elegido {
    margin: var(--espacio-2) 0 0;
    font-weight: 600;
}
/* #endregion */

/* #region La ficha del socio */
.ficha-amonestaciones {
    display: grid;
    gap: var(--espacio-3);
}

.ficha-amonestaciones__cabeza {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--espacio-2);
}

.ficha-amonestaciones__cabeza h2 {
    display: flex;
    align-items: center;
    gap: var(--espacio-2);
    margin: 0;
}
/* #endregion */

/* #region «Mis amonestaciones» */
.mis-amonestaciones {
    display: grid;
    gap: var(--espacio-3);
    margin-bottom: var(--espacio-5);
}

.app-socio .amonestaciones-lista {
    gap: 0;
    border-bottom: 1px solid var(--rs-borde-sutil);
}

.mis-amonestaciones h2 {
    margin: 0;
}
/* #endregion */