/**
 * Estilos para la Matriz Interactiva Docente
 */

.matriz-interactiva-contenedor {
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 20px;
    background-color: #f9f9f9;
    max-width: 800px;
    margin: 20px 0;
}

.matriz-interactiva-tabla {
    width: 100%;
    border-collapse: collapse;
}

.matriz-interactiva-tabla td {
    padding: 12px;
    border-top: 1px solid #e0e0e0;
}

.matriz-titulo-celda {
    font-weight: bold;
    width: 30%;
    vertical-align: middle;
}

/* Estilos para que Select2 ocupe todo el ancho */
.matriz-selector-celda .select2-container {
    width: 600px !important;
}

.matriz-resultado-texto {
    width: 100%;
    min-height: 100px;
    border-radius: 4px;
    border: 1px solid #ccc;
    padding: 8px;
    background-color: #fff;
    resize: vertical;
}