/* La forma de puntuar la encuesta, en Configuración (27 oct 2026, migración 0249). */

/* #region Tarjetas */
.encuesta-ajustes {
    display: grid;
    gap: var(--espacio-4);
}

.encuesta-ajustes .tarjeta {
    display: grid;
    gap: var(--espacio-3);
}

.encuesta-ajustes h2 {
    display: flex;
    align-items: center;
    gap: var(--espacio-2);
    margin: 0;
}

.encuesta-ajustes textarea {
    width: 100%;
    resize: vertical;
}

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

/* #region Cortes de las conclusiones */
.encuesta-cortes {
    display: grid;
    gap: var(--espacio-2);
    margin: 0;
    padding: 0;
    list-style: none;
}

.encuesta-cortes__fila {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--espacio-2);
    padding: var(--espacio-2) var(--espacio-3);
    border-left: 4px solid var(--tono);
    border-radius: var(--radio-sm);
    background: color-mix(in srgb, var(--tono) 8%, transparent);
}

.encuesta-cortes__fila strong {
    color: var(--tono);
}

/* Más claros sobre el fondo oscuro; los de siempre, en claro (los mismos del informe). */
.encuesta-cortes__fila--enhorabuena { --tono: #4ade80; }
.encuesta-cortes__fila--bien { --tono: #a3d977; }
.encuesta-cortes__fila--mejorable { --tono: #fbbf24; }
.encuesta-cortes__fila--mejorar { --tono: #f87171; }

:root[data-theme="light"] .encuesta-cortes__fila--enhorabuena { --tono: #1e7d45; }
:root[data-theme="light"] .encuesta-cortes__fila--bien { --tono: #4d7c0f; }
:root[data-theme="light"] .encuesta-cortes__fila--mejorable { --tono: #b7791f; }
:root[data-theme="light"] .encuesta-cortes__fila--mejorar { --tono: #b42318; }

.encuesta-cortes__desde {
    display: inline-flex;
    align-items: center;
    gap: var(--espacio-2);
    color: var(--rs-texto-secundario);
}

.encuesta-cortes__desde input {
    width: 5rem;
    text-align: center;
}

.encuesta-cortes__desde span[aria-hidden] {
    color: #f5a623;
}
/* #endregion */

/* #region Invitaciones de la Junta: los de siempre (28 oct 2026, migración 0274; en líneas desde el 3 nov 2026) */
/* A lo ancho: son cinco columnas por colectivo. */
.protocolo-ajustes {
    max-width: none;
}

.protocolo-cabecera {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--espacio-3);
}

.protocolo-cabecera h2 {
    margin: 0;
}

.protocolo-tabla[hidden] {
    display: none;
}

.protocolo-colectivos {
    display: grid;
    margin: 0;
    padding: 0;
    list-style: none;
}

/* Cada colectivo, una línea: su inicial, sus cinco datos y quitar. */
.protocolo-fila {
    display: grid;
    grid-template-columns: 2.25rem minmax(12rem, 1.4fr) minmax(8rem, 0.9fr) minmax(10rem, 1.1fr) minmax(9rem, 0.8fr) minmax(12rem, 1.2fr) 2.25rem;
    align-items: center;
    gap: var(--espacio-2);
    padding: var(--espacio-1) 0;
    border-bottom: 1px solid var(--rs-borde-sutil);
}

.protocolo-fila:last-child {
    border-bottom: 0;
}

.protocolo-fila--cabecera {
    padding-bottom: var(--espacio-2);
    border-bottom: 1px solid var(--rs-borde);
    color: var(--rs-texto-tenue);
    font-size: var(--texto-pequeno);
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.protocolo-fila--cabecera > span {
    /* Lo mismo que el relleno del campo: el título encima de su texto. */
    padding-inline: calc(var(--espacio-3) + 1px);
}

/* El campo, limpio como una celda: su borde sale al pasar el ratón o al escribir. */
.protocolo-campo {
    width: 100%;
    min-width: 0;
    border-color: transparent;
    background: transparent;
    box-shadow: none;
}

.protocolo-fila:hover .protocolo-campo {
    border-color: var(--rs-borde-sutil);
}

.protocolo-campo:focus {
    border-color: var(--marca-acento);
    background: var(--rs-control-fondo);
}

.protocolo-campo[data-clave="nombre"] {
    font-weight: 600;
}

.protocolo-fila__inicial {
    --tono: var(--rs-texto-tenue);
    display: grid;
    place-items: center;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 10px;
    background: color-mix(in srgb, var(--tono) 15%, transparent);
    color: var(--tono);
    font-family: var(--fuente-display);
    font-weight: 700;
}

.protocolo-fila__inicial[data-tono="1"] { --tono: var(--tono-1); }
.protocolo-fila__inicial[data-tono="2"] { --tono: var(--tono-2); }
.protocolo-fila__inicial[data-tono="3"] { --tono: var(--tono-3); }
.protocolo-fila__inicial[data-tono="4"] { --tono: var(--tono-4); }
.protocolo-fila__inicial[data-tono="5"] { --tono: var(--tono-5); }
.protocolo-fila__inicial[data-tono="6"] { --tono: var(--tono-6); }

/* En pantallas estrechas, cada colectivo en un bloque con su nombre arriba. */
@media (max-width: 1100px) {
    .protocolo-fila--cabecera {
        display: none;
    }

    .protocolo-fila {
        grid-template-columns: 2.25rem minmax(0, 1fr) minmax(0, 1fr) 2.25rem;
        padding: var(--espacio-3) 0;
    }

    .protocolo-campo[data-clave="nombre"] {
        grid-column: 2 / 4;
    }

    .protocolo-fila > [data-quitar] {
        grid-row: 1;
        grid-column: 4;
    }

    .protocolo-campo:not([data-clave="nombre"]) {
        border-color: var(--rs-borde-sutil);
    }

    .protocolo-campo[data-clave="grupo"] {
        grid-column: 2;
    }

    .protocolo-campo[data-clave="contacto_nombre"] {
        grid-column: 3;
    }

    .protocolo-campo[data-clave="contacto_telefono"] {
        grid-column: 2;
    }

    .protocolo-campo[data-clave="contacto_email"] {
        grid-column: 3;
    }
}
/* #endregion */