.row-plantillas {
    display: flex; /* Hace que las columnas sean flexibles */
    gap: 20px; /* Espacio entre columnas */
    width: 100%; /* Asegura que el contenedor ocupe el 100% del ancho */
    box-sizing: border-box; /* Incluye relleno y borde en el tamaño del elemento */
    margin-bottom: 0; /* Elimina cualquier margen inferior */
    flex: 1; /* Toma el espacio restante del contenedor principal */
    overflow: hidden; /* Evita que el contenido se salga */
    padding: 10px;
}

.row-plantillas-subcolumna {
    display: flex; /* Utilizamos flexbox para organizar las sub-columnas */
    gap: 10px; /* Espacio entre las sub-columnas */
}



/*para la creacion de tablas dinamicas */
.row-td {
    display: flex; /* Hace que las columnas sean flexibles */
    gap: 20px; /* Espacio entre columnas */
    width: 100%; /* Asegura que el contenedor ocupe el 100% del ancho */
    box-sizing: border-box; /* Incluye relleno y borde en el tamaño del elemento */
    flex: 1; /* Toma el espacio restante del contenedor principal */
    overflow: hidden; /* Evita que el contenido se salga */
    padding: 10px;
    background-color: #f4f4f4; /* Fondo claro para distinguir las columnas */
    border-radius: 8px; /* Bordes redondeados */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); /* Sombra sutil para dar profundidad */
}