/*
 * «Mis amonestaciones» del socio (6 nov 2026, Sergi: «no hablamos de fútbol, sé un poco profesional»): algo serio, dicho
 * con seriedad. El nombre, la gravedad con su palabra, las fechas y el motivo, con una línea del color de su gravedad;
 * las de antes, ya en gris. Lo común, en amonestaciones.css.
 */

/* #region Cada una */
.app-socio .mis-amonestaciones .amonestacion {
    --gravedad: var(--rs-peligro);
    gap: 2px;
    margin-bottom: var(--espacio-3);
    padding: var(--espacio-2) 0 var(--espacio-2) var(--espacio-5);
    border: 0;
    border-left: 3px solid var(--gravedad);
}

.app-socio .mis-amonestaciones .amonestacion--leve {
    --gravedad: var(--rs-aviso);
}

.app-socio .mis-amonestaciones .amonestacion--pasada {
    --gravedad: var(--rs-borde-fuerte);
}

.mis-amonestaciones .amonestacion__cabeza strong {
    font-family: var(--fuente-display);
    font-size: var(--texto-grande);
    font-weight: 650;
    letter-spacing: -0.01em;
}

.mis-amonestaciones .amonestacion__motivo {
    max-width: 72ch;
    margin-top: var(--espacio-1);
    color: var(--rs-texto);
}
/* #endregion */

/* #region Sin ninguna */
#mis-amonestaciones-vacio::before {
    width: 32px;
    height: 32px;
    border: 0;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F8A5B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / contain no-repeat;
}
/* #endregion */